色変換
色変換 for #984D5F の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 152 | 77 | 95 | |
|---|---|---|---|---|
| HSL | 345.6° | 32.75% | 44.9% | |
| HSV | 345.6° | 49.34% | 59.61% | |
| CMYK | 0% | 49.34% | 37.5% | 40.39% |
| XYZ | 17.6692 | 12.811 | 12.3665 | |
| Yxy | 12.811 | 0.4124 | 0.299 | |
| Hunter Lab | 35.7925 | 25.4803 | 4.5777 | |
| CIE-Lab | 42.4771 | 33.3056 | 3.9668 | |
| CIE-LCH | 42.4771 | 33.541 | 6.7921 | |
| CIE-LUV | 42.4771 | 48.8025 | -0.7805 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10011000 | 01001101 | 01011111 |
| Octal | 230 | 115 | 137 |
| Decimal | 152 | 77 | 95 |
| Hex | 98 | 4D | 5F |
RGB比率
CMYK比率
濃い色 #984D5F
淡い色 #984D5F
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#984D5F の色 黒背景
#984D5F の色 サンプルテキスト
#984D5F の色 白背景
#984D5F の色 サンプルテキスト
#984D5F CSSコード
.background { background-color: #984D5F; }
.text { color: #984D5F; }
.border { border: 3px solid #984D5F; }
.shadow { box-shadow: 0 8px 28px rgba(152, 77, 95, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト5.9:1AA
黒とのコントラスト3.56:1大きな文字
Webセーフカラー#996666Near
輝度0.12810-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#984D5F color
PortuguêsCor #984D5F
EspañolColor #984D5F
한국어#984D5F 색상
日本語#984D5F の色
中文#984D5F 颜色
DeutschFarbe #984D5F
FrançaisCouleur #984D5F
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #984D5F の色.
近い色
See 赤系