色変換

色変換 for #4AA0F5 の色

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

色空間

RGB74160245
HSL209.82°89.53%62.55%
HSV209.82°69.8%96.08%
CMYK69.8%34.69%0%3.92%
XYZ31.870133.186691.0945
Yxy33.18660.20410.2125
Hunter Lab57.6078-2.0637-53.3923
CIE-Lab64.31171.193-49.9864
CIE-LCH64.311750.0006271.3672
CIE-LUV64.3117-32.669-80.5619

基数表記

BaseRedGreenBlue
Binary010010101010000011110101
Octal112240365
Decimal74160245
Hex4AA0F5

RGB比率

Red
29%
Green
63%
Blue
96%

CMYK比率

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

配色

#4AA0F5 の色 黒背景

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

#4AA0F5 の色 白背景

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

#4AA0F5 CSSコード

.background { background-color: #4AA0F5; }
.text { color: #4AA0F5; }
.border { border: 3px solid #4AA0F5; }
.shadow { box-shadow: 0 8px 28px rgba(74, 160, 245, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.75:1低い
黒とのコントラスト7.64:1AAA
Webセーフカラー#3399FFNear
輝度0.33190-1
言語

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系