色変換

色変換 for #5A62C4 の色

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

色空間

RGB9098196
HSL235.47°47.32%56.08%
HSV235.47°54.08%76.86%
CMYK54.08%50%0%23.14%
XYZ18.544814.893354.1113
Yxy14.89330.21180.1701
Hunter Lab38.591818.2394-56.0863
CIE-Lab45.487724.9667-52.4052
CIE-LCH45.487758.0486295.4739
CIE-LUV45.4877-8.4883-80.8854

基数表記

BaseRedGreenBlue
Binary010110100110001011000100
Octal132142304
Decimal9098196
Hex5A62C4

RGB比率

Red
35%
Green
38%
Blue
77%

CMYK比率

Cyan
54%
Magenta
50%
Yellow
0%
Black
23%
調和

配色

#5A62C4 の色 黒背景

#5A62C4 の色 サンプルテキスト

#5A62C4 の色 白背景

#5A62C4 の色 サンプルテキスト

#5A62C4 CSSコード

.background { background-color: #5A62C4; }
.text { color: #5A62C4; }
.border { border: 3px solid #5A62C4; }
.shadow { box-shadow: 0 8px 28px rgba(90, 98, 196, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.28:1AA
黒とのコントラスト3.98:1大きな文字
Webセーフカラー#6666CCNear
輝度0.14890-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5A62C4 の色.

近い色

Similar colors

See 青系