DexBase Colors
#667AFE の色 壁 #667AFE Save image
色変換

色変換 for #667AFE の色

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

色空間

RGB102122254
HSL232.11°98.7%69.8%
HSV232.11°59.84%99.61%
CMYK59.84%51.97%0%0.39%
XYZ30.322523.897296.7614
Yxy23.89720.20080.1583
Hunter Lab48.884825.1717-83.092
CIE-Lab55.984731.369-68.1728
CIE-LCH55.984775.0436294.709
CIE-LUV55.9847-13.9931-110.345

基数表記

BaseRedGreenBlue
Binary011001100111101011111110
Octal146172376
Decimal102122254
Hex667AFE

RGB比率

Red
40%
Green
48%
Blue
100%

CMYK比率

Cyan
60%
Magenta
52%
Yellow
0%
Black
0%
調和

配色

#667AFE の色 黒背景

#667AFE の色 サンプルテキスト

#667AFE の色 白背景

#667AFE の色 サンプルテキスト

#667AFE CSSコード

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

アクセシビリティ

白とのコントラスト3.63:1大きな文字
黒とのコントラスト5.78:1AA
Webセーフカラー#6666FFNear
輝度0.2390-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #667AFE の色.

#667AFE の色MagnoliaArylide 黄Electric indigo
近い色

Similar colors

See 青系
Very 明るい 青 Very light blue #6666FF 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 Palatinate 青 Palatinate blue #273BE2 青系 Blueberry Blueberry #4F86F7 青系 青 (ryb) Blue (RYB) #0247FE 青系 青 Blue #0000FF 青系 ラベンダー 青 Lavender blue #CCCCFF 青系 Periwinkle Periwinkle #CCCCFF 青系 青 (pantone) Blue (Pantone) #0018A8 青系 Zaffre Zaffre #0014A8 青系 Bluebonnet Bluebonnet #1C1CF0 青系 ロイヤル 青 Royal blue #4169E1 青系