色変換

色変換 for #2F669C の色

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

色空間

RGB47102156
HSL209.72°53.69%39.8%
HSV209.72°69.87%61.18%
CMYK69.87%34.62%0%38.82%
XYZ11.922212.506133.2316
Yxy12.50610.20680.2169
Hunter Lab35.364-1.71-30.9384
CIE-Lab42.00940.2489-34.6402
CIE-LCH42.009434.6411270.4117
CIE-LUV42.0094-21.002-50.3311

基数表記

BaseRedGreenBlue
Binary001011110110011010011100
Octal57146234
Decimal47102156
Hex2F669C

RGB比率

Red
18%
Green
40%
Blue
61%

CMYK比率

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

配色

#2F669C の色 黒背景

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

#2F669C の色 白背景

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

#2F669C CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系