DexBase Colors
#644C5A の色 壁 #644C5A Save image
色変換

色変換 for #644C5A の色

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

色空間

RGB1007690
HSL325°13.64%34.51%
HSV325°24%39.22%
CMYK0%24%10%60.78%
XYZ9.68538.616710.8239
Yxy8.61670.33250.2958
Hunter Lab29.35427.525-1.3057
CIE-Lab35.235612.6971-4.3112
CIE-LCH35.235613.4091341.2455
CIE-LUV35.235612.9074-7.285

基数表記

BaseRedGreenBlue
Binary011001000100110001011010
Octal144114132
Decimal1007690
Hex644C5A

RGB比率

Red
39%
Green
30%
Blue
35%

CMYK比率

Cyan
0%
Magenta
24%
Yellow
10%
Black
61%
調和

配色

#644C5A の色 黒背景

#644C5A の色 サンプルテキスト

#644C5A の色 白背景

#644C5A の色 サンプルテキスト

#644C5A CSSコード

.background { background-color: #644C5A; }
.text { color: #644C5A; }
.border { border: 3px solid #644C5A; }
.shadow { box-shadow: 0 8px 28px rgba(100, 76, 90, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト7.71:1AAA
黒とのコントラスト2.72:1低い
Webセーフカラー#663366Near
輝度0.08620-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #644C5A の色.

#644C5A の色Bazaar海 緑Rocket metallic
近い色

Similar colors

See ピンク系
Eggplant Eggplant #614051 ピンク系 Halayà úbe Halayà úbe #663854 ピンク系 Sugar plum Sugar Plum #914E75 ピンク系 暗い liver Dark liver #534B4F グレー系 Mountbatten ピンク Mountbatten pink #997A8D ピンク系 Twilight ラベンダー Twilight lavender #8A496B ピンク系 Boysenberry Boysenberry #873260 ピンク系 Maximum 赤 紫 Maximum Red Purple #A63A79 ピンク系 マゼンタ haze Magenta haze #9F4576 ピンク系 暗い byzantium Dark byzantium #5D3954 ピンク系 Taupe グレー Taupe gray #8B8589 グレー系 Antique fuchsia Antique fuchsia #915C83 ピンク系