Color conversion
Color conversion for #36A366
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 54 | 163 | 102 | |
|---|---|---|---|---|
| HSL | 146.42° | 50.23% | 42.55% | |
| HSV | 146.42° | 66.87% | 63.92% | |
| CMYK | 66.87% | 0% | 37.42% | 36.08% |
| XYZ | 17.0153 | 27.9362 | 17.0633 | |
| Yxy | 27.9362 | 0.2744 | 0.4505 | |
| Hunter Lab | 52.8547 | -35.0324 | 17.865 | |
| CIE-Lab | 59.8311 | -45.0605 | 22.9153 | |
| CIE-LCH | 59.8311 | 50.5525 | 153.0446 | |
| CIE-LUV | 59.8311 | -45.2331 | 37.0821 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 10100011 | 01100110 |
| Octal | 66 | 243 | 146 |
| Decimal | 54 | 163 | 102 |
| Hex | 36 | A3 | 66 |
RGB percentages
CMYK percentages
Shades #36A366
Tints #36A366
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#36A366 color on black
#36A366 color sample text
#36A366 color on white
#36A366 color sample text
#36A366 CSS codes
.background { background-color: #36A366; }
.text { color: #36A366; }
.border { border: 3px solid #36A366; }
.shadow { box-shadow: 0 8px 28px rgba(54, 163, 102, 0.35); }
CSS preview
Accessibility
Contrast on white3.19:1Large text
Contrast on black6.59:1AA
Web safe#339966Near
Luminance0.27940-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#36A366 color
PortuguêsCor #36A366
EspañolColor #36A366
한국어#36A366 색상
日本語#36A366 の色
中文#36A366 颜色
DeutschFarbe #36A366
FrançaisCouleur #36A366
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #36A366 color.
Related shades
See Greens