色変換

色変換 for #3A7BB4 の色

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

色空間

RGB58123180
HSL208.03°51.26%46.67%
HSV208.03°67.78%70.59%
CMYK67.78%31.67%0%29.41%
XYZ17.06318.35945.8156
Yxy18.3590.210.226
Hunter Lab42.8474-3.9-33.3792
CIE-Lab49.9287-2.1148-36.1998
CIE-LCH49.928736.2615266.6566
CIE-LUV49.9287-25.3628-54.5118

基数表記

BaseRedGreenBlue
Binary001110100111101110110100
Octal72173264
Decimal58123180
Hex3A7BB4

RGB比率

Red
23%
Green
48%
Blue
71%

CMYK比率

Cyan
68%
Magenta
32%
Yellow
0%
Black
29%
調和

配色

#3A7BB4 の色 黒背景

#3A7BB4 の色 サンプルテキスト

#3A7BB4 の色 白背景

#3A7BB4 の色 サンプルテキスト

#3A7BB4 CSSコード

.background { background-color: #3A7BB4; }
.text { color: #3A7BB4; }
.border { border: 3px solid #3A7BB4; }
.shadow { box-shadow: 0 8px 28px rgba(58, 123, 180, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.49:1大きな文字
黒とのコントラスト4.67:1AA
Webセーフカラー#3366CCNear
輝度0.18360-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3A7BB4 の色.

近い色

Similar colors

See 青系