色変換

色変換 for #31649E の色

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

色空間

RGB49100158
HSL211.93°52.66%40.59%
HSV211.93°68.99%61.96%
CMYK68.99%36.71%0%38.04%
XYZ11.993112.234734.0706
Yxy12.23470.20570.2099
Hunter Lab34.9781-0.0092-33.2444
CIE-Lab41.58672.566-36.4928
CIE-LCH41.586736.5829274.0221
CIE-LUV41.5867-19.8465-53.247

基数表記

BaseRedGreenBlue
Binary001100010110010010011110
Octal61144236
Decimal49100158
Hex31649E

RGB比率

Red
19%
Green
39%
Blue
62%

CMYK比率

Cyan
69%
Magenta
37%
Yellow
0%
Black
38%
調和

配色

#31649E の色 黒背景

#31649E の色 サンプルテキスト

#31649E の色 白背景

#31649E の色 サンプルテキスト

#31649E CSSコード

.background { background-color: #31649E; }
.text { color: #31649E; }
.border { border: 3px solid #31649E; }
.shadow { box-shadow: 0 8px 28px rgba(49, 100, 158, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #31649E の色.

近い色

Similar colors

See 青系