色変換
色変換 for #227D20 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 34 | 125 | 32 | |
|---|---|---|---|---|
| HSL | 118.71° | 59.24% | 30.78% | |
| HSV | 118.71° | 74.4% | 49.02% | |
| CMYK | 72.8% | 0% | 74.4% | 50.98% |
| XYZ | 8.2535 | 15.1107 | 3.8479 | |
| Yxy | 15.1107 | 0.3033 | 0.5553 | |
| Hunter Lab | 38.8725 | -30.1276 | 21.3441 | |
| CIE-Lab | 45.7854 | -44.9035 | 40.8943 | |
| CIE-LCH | 45.7854 | 60.7344 | 137.6754 | |
| CIE-LUV | 45.7854 | -38.0255 | 49.6808 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 01111101 | 00100000 |
| Octal | 42 | 175 | 40 |
| Decimal | 34 | 125 | 32 |
| Hex | 22 | 7D | 20 |
RGB比率
CMYK比率
濃い色 #227D20
淡い色 #227D20
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#227D20 の色 黒背景
#227D20 の色 サンプルテキスト
#227D20 の色 白背景
#227D20 の色 サンプルテキスト
#227D20 CSSコード
.background { background-color: #227D20; }
.text { color: #227D20; }
.border { border: 3px solid #227D20; }
.shadow { box-shadow: 0 8px 28px rgba(34, 125, 32, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト5.22:1AA
黒とのコントラスト4.02:1大きな文字
Webセーフカラー#336633Near
輝度0.15110-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#227D20 color
PortuguêsCor #227D20
EspañolColor #227D20
한국어#227D20 색상
日本語#227D20 の色
中文#227D20 颜色
DeutschFarbe #227D20
FrançaisCouleur #227D20
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #227D20 の色.
近い色
See 緑系