色変換

色変換 for #4580DA の色

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

色空間

RGB69128218
HSL216.24°66.82%56.27%
HSV216.24°68.35%85.49%
CMYK68.35%41.28%0%14.51%
XYZ22.823721.763269.3139
Yxy21.76320.20040.1911
Hunter Lab46.6515.6899-55.4026
CIE-Lab53.774810.026-51.7467
CIE-LCH53.774852.709280.9653
CIE-LUV53.7748-23.7672-81.6667

基数表記

BaseRedGreenBlue
Binary010001011000000011011010
Octal105200332
Decimal69128218
Hex4580DA

RGB比率

Red
27%
Green
50%
Blue
85%

CMYK比率

Cyan
68%
Magenta
41%
Yellow
0%
Black
15%
調和

配色

#4580DA の色 黒背景

#4580DA の色 サンプルテキスト

#4580DA の色 白背景

#4580DA の色 サンプルテキスト

#4580DA CSSコード

.background { background-color: #4580DA; }
.text { color: #4580DA; }
.border { border: 3px solid #4580DA; }
.shadow { box-shadow: 0 8px 28px rgba(69, 128, 218, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.92:1大きな文字
黒とのコントラスト5.35:1AA
Webセーフカラー#3399CCNear
輝度0.21770-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #4580DA の色.

近い色

Similar colors

See 青系