色変換

色変換 for #222A3B の色

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

色空間

RGB344259
HSL220.8°26.88%18.24%
HSV220.8°42.37%23.14%
CMYK42.37%28.81%0%76.86%
XYZ2.27682.31174.4631
Yxy2.31170.25150.2554
Hunter Lab15.20430.1222-6.7543
CIE-Lab17.04471.6996-11.985
CIE-LCH17.044712.1049278.0713
CIE-LUV17.0447-3.7518-12.1989

基数表記

BaseRedGreenBlue
Binary001000100010101000111011
Octal425273
Decimal344259
Hex222A3B

RGB比率

Red
13%
Green
16%
Blue
23%

CMYK比率

Cyan
42%
Magenta
29%
Yellow
0%
Black
77%
調和

配色

#222A3B の色 黒背景

#222A3B の色 サンプルテキスト

#222A3B の色 白背景

#222A3B の色 サンプルテキスト

#222A3B CSSコード

.background { background-color: #222A3B; }
.text { color: #222A3B; }
.border { border: 3px solid #222A3B; }
.shadow { box-shadow: 0 8px 28px rgba(34, 42, 59, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト14.36:1AAA
黒とのコントラスト1.46:1低い
Webセーフカラー#333333Near
輝度0.02310-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #222A3B の色.

近い色

Similar colors

See 青系