Color conversion
Color conversion for #22BA84
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 34 | 186 | 132 | |
|---|---|---|---|---|
| HSL | 158.68° | 69.09% | 43.14% | |
| HSV | 158.68° | 81.72% | 72.94% | |
| CMYK | 81.72% | 0% | 29.03% | 27.06% |
| XYZ | 22.3809 | 37.121 | 27.8108 | |
| Yxy | 37.121 | 0.2563 | 0.4252 | |
| Hunter Lab | 60.927 | -41.0527 | 15.5959 | |
| CIE-Lab | 67.3677 | -50.5869 | 16.8415 | |
| CIE-LCH | 67.3677 | 53.3167 | 161.5863 | |
| CIE-LUV | 67.3677 | -54.943 | 31.3979 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 10111010 | 10000100 |
| Octal | 42 | 272 | 204 |
| Decimal | 34 | 186 | 132 |
| Hex | 22 | BA | 84 |
RGB percentages
CMYK percentages
Shades #22BA84
Tints #22BA84
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22BA84 color on black
#22BA84 color sample text
#22BA84 color on white
#22BA84 color sample text
#22BA84 CSS codes
.background { background-color: #22BA84; }
.text { color: #22BA84; }
.border { border: 3px solid #22BA84; }
.shadow { box-shadow: 0 8px 28px rgba(34, 186, 132, 0.35); }CSS preview
Accessibility
Contrast on white2.49:1Poor
Contrast on black8.42:1AAA
Web safe#33CC99Near
Luminance0.37120-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22BA84 color
PortuguêsCor #22BA84
EspañolColor #22BA84
한국어#22BA84 색상
日本語#22BA84 の色
中文#22BA84 颜色
DeutschFarbe #22BA84
FrançaisCouleur #22BA84
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22BA84 color.
Related shades
See Greens