Color conversion
Color conversion for #22BC63
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 34 | 188 | 99 | |
|---|---|---|---|---|
| HSL | 145.32° | 69.37% | 43.53% | |
| HSV | 145.32° | 81.91% | 73.73% | |
| CMYK | 81.91% | 0% | 47.34% | 26.27% |
| XYZ | 20.8931 | 37.2048 | 17.882 | |
| Yxy | 37.2048 | 0.275 | 0.4897 | |
| Hunter Lab | 60.9957 | -45.6008 | 25.3219 | |
| CIE-Lab | 67.4304 | -57.8562 | 34.32 | |
| CIE-LCH | 67.4304 | 67.2696 | 149.3238 | |
| CIE-LUV | 67.4304 | -57.621 | 53.4435 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 10111100 | 01100011 |
| Octal | 42 | 274 | 143 |
| Decimal | 34 | 188 | 99 |
| Hex | 22 | BC | 63 |
RGB percentages
CMYK percentages
Shades #22BC63
Tints #22BC63
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22BC63 color on black
#22BC63 color sample text
#22BC63 color on white
#22BC63 color sample text
#22BC63 CSS codes
.background { background-color: #22BC63; }
.text { color: #22BC63; }
.border { border: 3px solid #22BC63; }
.shadow { box-shadow: 0 8px 28px rgba(34, 188, 99, 0.35); }CSS preview
Accessibility
Contrast on white2.49:1Poor
Contrast on black8.44:1AAA
Web safe#33CC66Near
Luminance0.37210-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22BC63 color
PortuguêsCor #22BC63
EspañolColor #22BC63
한국어#22BC63 색상
日本語#22BC63 の色
中文#22BC63 颜色
DeutschFarbe #22BC63
FrançaisCouleur #22BC63
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22BC63 color.
Related shades
See Greens