色変換
色変換 for #309373 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 48 | 147 | 115 | |
|---|---|---|---|---|
| HSL | 160.61° | 50.77% | 38.24% | |
| HSV | 160.61° | 67.35% | 57.65% | |
| CMYK | 67.35% | 0% | 21.77% | 42.35% |
| XYZ | 14.7456 | 22.732 | 19.8269 | |
| Yxy | 22.732 | 0.2573 | 0.3967 | |
| Hunter Lab | 47.6781 | -28.2317 | 8.7286 | |
| CIE-Lab | 54.7952 | -36.4866 | 8.7003 | |
| CIE-LCH | 54.7952 | 37.5096 | 166.5882 | |
| CIE-LUV | 54.7952 | -39.7372 | 17.3824 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 10010011 | 01110011 |
| Octal | 60 | 223 | 163 |
| Decimal | 48 | 147 | 115 |
| Hex | 30 | 93 | 73 |
RGB比率
CMYK比率
濃い色 #309373
淡い色 #309373
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#309373 の色 黒背景
#309373 の色 サンプルテキスト
#309373 の色 白背景
#309373 の色 サンプルテキスト
#309373 CSSコード
.background { background-color: #309373; }
.text { color: #309373; }
.border { border: 3px solid #309373; }
.shadow { box-shadow: 0 8px 28px rgba(48, 147, 115, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト3.79:1大きな文字
黒とのコントラスト5.55:1AA
Webセーフカラー#339966Near
輝度0.22730-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#309373 color
PortuguêsCor #309373
EspañolColor #309373
한국어#309373 색상
日本語#309373 の色
中文#309373 颜色
DeutschFarbe #309373
FrançaisCouleur #309373
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #309373 の色.
近い色
See 緑系