色変換

色変換 for #64A3C0 の色

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

色空間

RGB100163192
HSL198.91°42.2%57.25%
HSV198.91°47.92%75.29%
CMYK47.92%15.1%0%24.71%
XYZ27.863732.707354.7038
Yxy32.70730.24170.2837
Hunter Lab57.1903-13.1167-16.6568
CIE-Lab63.9232-12.3446-21.196
CIE-LCH63.923224.5287239.7834
CIE-LUV63.9232-28.7164-30.8175

基数表記

BaseRedGreenBlue
Binary011001001010001111000000
Octal144243300
Decimal100163192
Hex64A3C0

RGB比率

Red
39%
Green
64%
Blue
75%

CMYK比率

Cyan
48%
Magenta
15%
Yellow
0%
Black
25%
調和

配色

#64A3C0 の色 黒背景

#64A3C0 の色 サンプルテキスト

#64A3C0 の色 白背景

#64A3C0 の色 サンプルテキスト

#64A3C0 CSSコード

.background { background-color: #64A3C0; }
.text { color: #64A3C0; }
.border { border: 3px solid #64A3C0; }
.shadow { box-shadow: 0 8px 28px rgba(100, 163, 192, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #64A3C0 の色.

近い色

Similar colors

See 青系