色変換

色変換 for #485BBE の色

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

色空間

RGB7291190
HSL230.34°47.58%51.37%
HSV230.34°62.11%74.51%
CMYK62.11%52.11%0%25.49%
XYZ15.704712.576350.3051
Yxy12.57630.19980.16
Hunter Lab35.463116.9871-59.247
CIE-Lab42.117823.8605-54.4104
CIE-LCH42.117859.4122293.6788
CIE-LUV42.1178-11.5076-81.9861

基数表記

BaseRedGreenBlue
Binary010010000101101110111110
Octal110133276
Decimal7291190
Hex485BBE

RGB比率

Red
28%
Green
36%
Blue
75%

CMYK比率

Cyan
62%
Magenta
52%
Yellow
0%
Black
25%
調和

配色

#485BBE の色 黒背景

#485BBE の色 サンプルテキスト

#485BBE の色 白背景

#485BBE の色 サンプルテキスト

#485BBE CSSコード

.background { background-color: #485BBE; }
.text { color: #485BBE; }
.border { border: 3px solid #485BBE; }
.shadow { box-shadow: 0 8px 28px rgba(72, 91, 190, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #485BBE の色.

近い色

Similar colors

See 青系