DexBase Colors
#63A5FE の色 壁 #63A5FE Save image
色変換

色変換 for #63A5FE の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB99165254
HSL214.45°98.73%69.22%
HSV214.45°61.02%99.61%
CMYK61.02%35.04%0%0.39%
XYZ36.483736.715398.9108
Yxy36.71530.2120.2133
Hunter Lab60.59321.4376-54.3305
CIE-Lab67.06295.3468-50.4859
CIE-LCH67.062950.7682276.0455
CIE-LUV67.0629-28.5477-82.3998

基数表記

BaseRedGreenBlue
Binary011000111010010111111110
Octal143245376
Decimal99165254
Hex63A5FE

RGB比率

Red
39%
Green
65%
Blue
100%

CMYK比率

Cyan
61%
Magenta
35%
Yellow
0%
Black
0%
調和

配色

#63A5FE の色 黒背景

#63A5FE の色 サンプルテキスト

#63A5FE の色 白背景

#63A5FE の色 サンプルテキスト

#63A5FE CSSコード

.background { background-color: #63A5FE; }
.text { color: #63A5FE; }
.border { border: 3px solid #63A5FE; }
.shadow { box-shadow: 0 8px 28px rgba(99, 165, 254, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.52:1低い
黒とのコントラスト8.34:1AAA
Webセーフカラー#6699FFNear
輝度0.36720-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#63A5FE color
PortuguêsCor #63A5FE
EspañolColor #63A5FE
한국어#63A5FE 색상
日本語#63A5FE の色
中文#63A5FE 颜色
DeutschFarbe #63A5FE
FrançaisCouleur #63A5FE
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #63A5FE の色.

#63A5FE の色青Tanラベンダー 青
近い色

Similar colors

See 青系
French 空 青 French sky blue #77B5FE 青系 Brilliant azure Brilliant azure #3399FF 青系 Jordy 青 Jordy blue #8AB9F1 青系 Brandeis 青 Brandeis blue #0070FF 青系 Very 明るい azure Very light azure #74BBFB 青系 青 (crayola) Blue (Crayola) #1F75FE 青系 Dodger 青 Dodger blue #1E90FF 青系 Blueberry Blueberry #4F86F7 青系 United nations 青 United Nations blue #5B92E5 青系 Cornflower 青 Cornflower blue #6495ED 青系 Maya 青 Maya blue #73C2FB 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系