DexBase Colors
#664CA4 の色 壁 #664CA4 Save image
色変換

色変換 for #664CA4 の色

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

色空間

RGB10276164
HSL257.73°36.67%47.06%
HSV257.73°53.66%64.31%
CMYK37.8%53.66%0%35.69%
XYZ14.76310.673736.3972
Yxy10.67370.23880.1726
Hunter Lab32.670623.4852-43.1576
CIE-Lab39.025431.5925-43.9318
CIE-LCH39.025454.1118305.7209
CIE-LUV39.02545.0965-66.0324

基数表記

BaseRedGreenBlue
Binary011001100100110010100100
Octal146114244
Decimal10276164
Hex664CA4

RGB比率

Red
40%
Green
30%
Blue
64%

CMYK比率

Cyan
38%
Magenta
54%
Yellow
0%
Black
36%
調和

配色

#664CA4 の色 黒背景

#664CA4 の色 サンプルテキスト

#664CA4 の色 白背景

#664CA4 の色 サンプルテキスト

#664CA4 CSSコード

.background { background-color: #664CA4; }
.text { color: #664CA4; }
.border { border: 3px solid #664CA4; }
.shadow { box-shadow: 0 8px 28px rgba(102, 76, 164, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.7:1AA
黒とのコントラスト3.13:1大きな文字
Webセーフカラー#663399Near
輝度0.10670-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #664CA4 の色.

#664CA4 の色紫 plumSpring budEminence
近い色

Similar colors

See 紫系
Middle 青 紫 Middle Blue Purple #8B72BE 紫系 青-マゼンタ バイオレット Blue-magenta violet #553592 紫系 Plump 紫 Plump Purple #5946B2 青系 ロイヤル 紫 Royal purple #7851A9 紫系 Cyber grape Cyber grape #58427C 紫系 Ube Ube #8878C3 青系 Ocean 青 Ocean Blue #4F42B5 青系 暗い slate 青 Dark slate blue #483D8B 青系 暗い ラベンダー Dark lavender #734F96 紫系 Medium 紫 Medium purple #9370DB 紫系 Spanish バイオレット Spanish violet #4C2882 紫系 明るい pastel 紫 Light pastel purple #B19CD9 紫系