DexBase Colors
#0066E2 の色 壁 #0066E2 Save image
色変換

色変換 for #0066E2 の色

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

色空間

RGB0102226
HSL212.92°100%44.31%
HSV212.92°100%88.63%
CMYK100%54.87%0%11.37%
XYZ18.473814.991273.8566
Yxy14.99120.17210.1397
Hunter Lab38.718517.41-85.9502
CIE-Lab45.622124.0167-69.4824
CIE-LCH45.622173.516289.0678
CIE-LUV45.6221-23.0683-105.6461

基数表記

BaseRedGreenBlue
Binary000000000110011011100010
Octal0146342
Decimal0102226
Hex0066E2

RGB比率

Red
0%
Green
40%
Blue
89%

CMYK比率

Cyan
100%
Magenta
55%
Yellow
0%
Black
11%
調和

配色

#0066E2 の色 黒背景

#0066E2 の色 サンプルテキスト

#0066E2 の色 白背景

#0066E2 の色 サンプルテキスト

#0066E2 CSSコード

.background { background-color: #0066E2; }
.text { color: #0066E2; }
.border { border: 3px solid #0066E2; }
.shadow { box-shadow: 0 8px 28px rgba(0, 102, 226, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.25:1AA
黒とのコントラスト4:1大きな文字
Webセーフカラー#0066CCNear
輝度0.14990-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #0066E2 の色.

#0066E2 の色青Tangerineラベンダー 青
近い色

Similar colors

See 青系
Brandeis 青 Brandeis blue #0070FF 青系 Azure Azure #007FFF 青系 Denim Denim #1560BD 青系 Cobalt 青 Cobalt Blue #0047AB 青系 Absolute zero Absolute zero #0048BA 青系 True 青 True Blue #0073CF 青系 Dodger 青 Dodger blue #1E90FF 青系 Sapphire Sapphire #0F52BA 青系 Bright navy 青 Bright navy blue #1974D2 青系 青 (crayola) Blue (Crayola) #1F75FE 青系 Brilliant azure Brilliant azure #3399FF 青系 Usafa 青 USAFA blue #004F98 青系