色変換
色変換 for #98446F の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 152 | 68 | 111 | |
|---|---|---|---|---|
| HSL | 329.29° | 38.18% | 43.14% | |
| HSV | 329.29° | 55.26% | 59.61% | |
| CMYK | 0% | 55.26% | 26.97% | 40.39% |
| XYZ | 17.8859 | 11.959 | 16.4022 | |
| Yxy | 11.959 | 0.3867 | 0.2586 | |
| Hunter Lab | 34.5818 | 31.8024 | -3.9031 | |
| CIE-Lab | 41.1509 | 40.1839 | -7.8809 | |
| CIE-LCH | 41.1509 | 40.9494 | 348.9039 | |
| CIE-LUV | 41.1509 | 49.4435 | -16.9366 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10011000 | 01000100 | 01101111 |
| Octal | 230 | 104 | 157 |
| Decimal | 152 | 68 | 111 |
| Hex | 98 | 44 | 6F |
RGB比率
CMYK比率
濃い色 #98446F
淡い色 #98446F
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#98446F の色 黒背景
#98446F の色 サンプルテキスト
#98446F の色 白背景
#98446F の色 サンプルテキスト
#98446F CSSコード
.background { background-color: #98446F; }
.text { color: #98446F; }
.border { border: 3px solid #98446F; }
.shadow { box-shadow: 0 8px 28px rgba(152, 68, 111, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト6.19:1AA
黒とのコントラスト3.39:1大きな文字
Webセーフカラー#993366Near
輝度0.11960-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#98446F color
PortuguêsCor #98446F
EspañolColor #98446F
한국어#98446F 색상
日本語#98446F の色
中文#98446F 颜色
DeutschFarbe #98446F
FrançaisCouleur #98446F
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #98446F の色.
近い色
See ピンク系