色変換

色変換 for #4576AE の色

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

色空間

RGB69118174
HSL212°43.21%47.65%
HSV212°60.34%68.24%
CMYK60.34%32.18%0%31.76%
XYZ16.569917.276642.4977
Yxy17.27660.2170.2263
Hunter Lab41.5651-1.5807-31.5009
CIE-Lab48.60670.8398-34.7703
CIE-LCH48.606734.7804271.3836
CIE-LUV48.6067-21.1434-52.263

基数表記

BaseRedGreenBlue
Binary010001010111011010101110
Octal105166256
Decimal69118174
Hex4576AE

RGB比率

Red
27%
Green
46%
Blue
68%

CMYK比率

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

配色

#4576AE の色 黒背景

#4576AE の色 サンプルテキスト

#4576AE の色 白背景

#4576AE の色 サンプルテキスト

#4576AE CSSコード

.background { background-color: #4576AE; }
.text { color: #4576AE; }
.border { border: 3px solid #4576AE; }
.shadow { box-shadow: 0 8px 28px rgba(69, 118, 174, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.71:1AA
黒とのコントラスト4.46:1大きな文字
Webセーフカラー#336699Near
輝度0.17280-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #4576AE の色.

近い色

Similar colors

See 青系