色変換

色変換 for #22669C の色

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

色空間

RGB34102156
HSL206.56°64.21%37.25%
HSV206.56°78.21%61.18%
CMYK78.21%34.62%0%38.82%
XYZ11.409512.241833.2076
Yxy12.24180.20070.2153
Hunter Lab34.9883-3.022-31.7587
CIE-Lab41.5979-1.6177-35.3173
CIE-LCH41.597935.3543267.3774
CIE-LUV41.5979-23.2293-51.0629

基数表記

BaseRedGreenBlue
Binary001000100110011010011100
Octal42146234
Decimal34102156
Hex22669C

RGB比率

Red
13%
Green
40%
Blue
61%

CMYK比率

Cyan
78%
Magenta
35%
Yellow
0%
Black
39%
調和

配色

#22669C の色 黒背景

#22669C の色 サンプルテキスト

#22669C の色 白背景

#22669C の色 サンプルテキスト

#22669C CSSコード

.background { background-color: #22669C; }
.text { color: #22669C; }
.border { border: 3px solid #22669C; }
.shadow { box-shadow: 0 8px 28px rgba(34, 102, 156, 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#22669C color
PortuguêsCor #22669C
EspañolColor #22669C
한국어#22669C 색상
日本語#22669C の色
中文#22669C 颜色
DeutschFarbe #22669C
FrançaisCouleur #22669C
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #22669C の色.

近い色

Similar colors

See 青系