色変換

色変換 for #5679D0 の色

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

色空間

RGB86121208
HSL222.79°56.48%57.65%
HSV222.79°58.65%81.57%
CMYK58.65%41.83%0%18.43%
XYZ22.056420.205462.4
Yxy20.20540.21070.1931
Hunter Lab44.95048.923-50.8086
CIE-Lab52.068713.8579-48.7665
CIE-LCH52.068750.6973285.8635
CIE-LUV52.0687-17.354-76.7577

基数表記

BaseRedGreenBlue
Binary010101100111100111010000
Octal126171320
Decimal86121208
Hex5679D0

RGB比率

Red
34%
Green
47%
Blue
82%

CMYK比率

Cyan
59%
Magenta
42%
Yellow
0%
Black
18%
調和

配色

#5679D0 の色 黒背景

#5679D0 の色 サンプルテキスト

#5679D0 の色 白背景

#5679D0 の色 サンプルテキスト

#5679D0 CSSコード

.background { background-color: #5679D0; }
.text { color: #5679D0; }
.border { border: 3px solid #5679D0; }
.shadow { box-shadow: 0 8px 28px rgba(86, 121, 208, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.17:1大きな文字
黒とのコントラスト5.04:1AA
Webセーフカラー#6666CCNear
輝度0.20210-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5679D0 の色.

近い色

Similar colors

See 青系