Color conversion
Color conversion for #22BA81
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 34 | 186 | 129 | |
|---|---|---|---|---|
| HSL | 157.5° | 69.09% | 43.14% | |
| HSV | 157.5° | 81.72% | 72.94% | |
| CMYK | 81.72% | 0% | 30.65% | 27.06% |
| XYZ | 22.1786 | 37.0401 | 26.7452 | |
| Yxy | 37.0401 | 0.258 | 0.4309 | |
| Hunter Lab | 60.8606 | -41.4582 | 16.5576 | |
| CIE-Lab | 67.3071 | -51.2587 | 18.3788 | |
| CIE-LCH | 67.3071 | 54.454 | 160.2747 | |
| CIE-LUV | 67.3071 | -55.1409 | 33.4939 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 10111010 | 10000001 |
| Octal | 42 | 272 | 201 |
| Decimal | 34 | 186 | 129 |
| Hex | 22 | BA | 81 |
RGB percentages
CMYK percentages
Shades #22BA81
Tints #22BA81
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22BA81 color on black
#22BA81 color sample text
#22BA81 color on white
#22BA81 color sample text
#22BA81 CSS codes
.background { background-color: #22BA81; }
.text { color: #22BA81; }
.border { border: 3px solid #22BA81; }
.shadow { box-shadow: 0 8px 28px rgba(34, 186, 129, 0.35); }
CSS preview
Accessibility
Contrast on white2.5:1Poor
Contrast on black8.41:1AAA
Web safe#33CC99Near
Luminance0.37040-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22BA81 color
PortuguêsCor #22BA81
EspañolColor #22BA81
한국어#22BA81 색상
日本語#22BA81 の色
中文#22BA81 颜色
DeutschFarbe #22BA81
FrançaisCouleur #22BA81
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22BA81 color.
Related shades
See Greens