色変換

色変換 for #6A9CCD の色

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

色空間

RGB106156205
HSL209.7°49.75%60.98%
HSV209.7°48.29%80.39%
CMYK48.29%23.9%0%19.61%
XYZ28.84831.246862.2569
Yxy31.24680.23580.2554
Hunter Lab55.8988-5.7043-26.8787
CIE-Lab62.7154-3.2727-30.2829
CIE-LCH62.715430.4592263.8319
CIE-LUV62.7154-23.8207-46.7875

基数表記

BaseRedGreenBlue
Binary011010101001110011001101
Octal152234315
Decimal106156205
Hex6A9CCD

RGB比率

Red
42%
Green
61%
Blue
80%

CMYK比率

Cyan
48%
Magenta
24%
Yellow
0%
Black
20%
調和

配色

#6A9CCD の色 黒背景

#6A9CCD の色 サンプルテキスト

#6A9CCD の色 白背景

#6A9CCD の色 サンプルテキスト

#6A9CCD CSSコード

.background { background-color: #6A9CCD; }
.text { color: #6A9CCD; }
.border { border: 3px solid #6A9CCD; }
.shadow { box-shadow: 0 8px 28px rgba(106, 156, 205, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.9:1低い
黒とのコントラスト7.25:1AAA
Webセーフカラー#6699CCNear
輝度0.31250-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6A9CCD の色.

近い色

Similar colors

See 青系