色変換
色変換 for #489324 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 72 | 147 | 36 | |
|---|---|---|---|---|
| HSL | 100.54° | 60.66% | 35.88% | |
| HSV | 100.54° | 75.51% | 57.65% | |
| CMYK | 51.02% | 0% | 75.51% | 42.35% |
| XYZ | 13.4242 | 22.3716 | 5.2795 | |
| Yxy | 22.3716 | 0.3268 | 0.5446 | |
| Hunter Lab | 47.2986 | -32.1115 | 26.4936 | |
| CIE-Lab | 54.4191 | -43.1431 | 48.482 | |
| CIE-LCH | 54.4191 | 64.8986 | 131.6652 | |
| CIE-LUV | 54.4191 | -35.8389 | 59.0996 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 10010011 | 00100100 |
| Octal | 110 | 223 | 44 |
| Decimal | 72 | 147 | 36 |
| Hex | 48 | 93 | 24 |
RGB比率
CMYK比率
濃い色 #489324
淡い色 #489324
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#489324 の色 黒背景
#489324 の色 サンプルテキスト
#489324 の色 白背景
#489324 の色 サンプルテキスト
#489324 CSSコード
.background { background-color: #489324; }
.text { color: #489324; }
.border { border: 3px solid #489324; }
.shadow { box-shadow: 0 8px 28px rgba(72, 147, 36, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト3.84:1大きな文字
黒とのコントラスト5.47:1AA
Webセーフカラー#339933Near
輝度0.22370-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#489324 color
PortuguêsCor #489324
EspañolColor #489324
한국어#489324 색상
日本語#489324 の色
中文#489324 颜色
DeutschFarbe #489324
FrançaisCouleur #489324
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #489324 の色.
近い色
See 緑系