色変換

色変換 for #4C69E1 の色

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

色空間

RGB76105225
HSL228.32°71.29%59.02%
HSV228.32°66.22%88.24%
CMYK66.22%53.33%0%11.76%
XYZ21.61817.073973.3759
Yxy17.07390.19290.1524
Hunter Lab41.320621.0754-76.3199
CIE-Lab48.35327.8242-64.392
CIE-LCH48.35370.1464293.3695
CIE-LUV48.353-15.1807-100.3741

基数表記

BaseRedGreenBlue
Binary010011000110100111100001
Octal114151341
Decimal76105225
Hex4C69E1

RGB比率

Red
30%
Green
41%
Blue
88%

CMYK比率

Cyan
66%
Magenta
53%
Yellow
0%
Black
12%
調和

配色

#4C69E1 の色 黒背景

#4C69E1 の色 サンプルテキスト

#4C69E1 の色 白背景

#4C69E1 の色 サンプルテキスト

#4C69E1 CSSコード

.background { background-color: #4C69E1; }
.text { color: #4C69E1; }
.border { border: 3px solid #4C69E1; }
.shadow { box-shadow: 0 8px 28px rgba(76, 105, 225, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.76:1AA
黒とのコントラスト4.42:1大きな文字
Webセーフカラー#3366CCNear
輝度0.17080-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #4C69E1 の色.

近い色

Similar colors

See 青系