色変換

色変換 for #4C70B3 の色

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

色空間

RGB76112179
HSL219.03°40.39%50%
HSV219.03°57.54%70.2%
CMYK57.54%37.43%0%29.8%
XYZ16.908516.378144.9093
Yxy16.37810.21620.2094
Hunter Lab40.46993.7553-37.4393
CIE-Lab47.46677.6433-39.4498
CIE-LCH47.466740.1834280.9651
CIE-LUV47.4667-17.0367-60.0604

基数表記

BaseRedGreenBlue
Binary010011000111000010110011
Octal114160263
Decimal76112179
Hex4C70B3

RGB比率

Red
30%
Green
44%
Blue
70%

CMYK比率

Cyan
58%
Magenta
37%
Yellow
0%
Black
30%
調和

配色

#4C70B3 の色 黒背景

#4C70B3 の色 サンプルテキスト

#4C70B3 の色 白背景

#4C70B3 の色 サンプルテキスト

#4C70B3 CSSコード

.background { background-color: #4C70B3; }
.text { color: #4C70B3; }
.border { border: 3px solid #4C70B3; }
.shadow { box-shadow: 0 8px 28px rgba(76, 112, 179, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #4C70B3 の色.

近い色

Similar colors

See 青系