色変換
色変換 for #09BA6D の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 9 | 186 | 109 | |
|---|---|---|---|---|
| HSL | 153.9° | 90.77% | 38.24% | |
| HSV | 153.9° | 95.16% | 72.94% | |
| CMYK | 95.16% | 0% | 41.4% | 27.06% |
| XYZ | 20.4298 | 36.2773 | 20.3905 | |
| Yxy | 36.2773 | 0.265 | 0.4705 | |
| Hunter Lab | 60.2306 | -44.8582 | 22.0973 | |
| CIE-Lab | 66.7313 | -57.0899 | 28.2155 | |
| CIE-LCH | 66.7313 | 63.6818 | 153.7001 | |
| CIE-LUV | 66.7313 | -58.3381 | 46.3437 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00001001 | 10111010 | 01101101 |
| Octal | 11 | 272 | 155 |
| Decimal | 9 | 186 | 109 |
| Hex | 09 | BA | 6D |
RGB比率
CMYK比率
濃い色 #09BA6D
淡い色 #09BA6D
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#09BA6D の色 黒背景
#09BA6D の色 サンプルテキスト
#09BA6D の色 白背景
#09BA6D の色 サンプルテキスト
#09BA6D CSSコード
.background { background-color: #09BA6D; }
.text { color: #09BA6D; }
.border { border: 3px solid #09BA6D; }
.shadow { box-shadow: 0 8px 28px rgba(9, 186, 109, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.54:1低い
黒とのコントラスト8.26:1AAA
Webセーフカラー#00CC66Near
輝度0.36280-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#09BA6D color
PortuguêsCor #09BA6D
EspañolColor #09BA6D
한국어#09BA6D 색상
日本語#09BA6D の色
中文#09BA6D 颜色
DeutschFarbe #09BA6D
FrançaisCouleur #09BA6D
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #09BA6D の色.
近い色
See 緑系