色変換

色変換 for #2F6685 の色

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

色空間

RGB47102133
HSL201.63°47.78%35.29%
HSV201.63°64.66%52.16%
CMYK64.66%23.31%0%47.84%
XYZ10.155711.799523.9281
Yxy11.79950.22130.2572
Hunter Lab34.3504-7.3401-17.2393
CIE-Lab40.8957-7.9785-22.5963
CIE-LCH40.895723.9635250.5524
CIE-LUV40.8957-21.773-30.946

基数表記

BaseRedGreenBlue
Binary001011110110011010000101
Octal57146205
Decimal47102133
Hex2F6685

RGB比率

Red
18%
Green
40%
Blue
52%

CMYK比率

Cyan
65%
Magenta
23%
Yellow
0%
Black
48%
調和

配色

#2F6685 の色 黒背景

#2F6685 の色 サンプルテキスト

#2F6685 の色 白背景

#2F6685 の色 サンプルテキスト

#2F6685 CSSコード

.background { background-color: #2F6685; }
.text { color: #2F6685; }
.border { border: 3px solid #2F6685; }
.shadow { box-shadow: 0 8px 28px rgba(47, 102, 133, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2F6685 の色.

近い色

Similar colors

See 青系