Color conversion
Color conversion for #BABE22
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 186 | 190 | 34 | |
|---|---|---|---|---|
| HSL | 61.54° | 69.64% | 43.92% | |
| HSV | 61.54° | 82.11% | 74.51% | |
| CMYK | 2.11% | 0% | 82.11% | 25.49% |
| XYZ | 38.9533 | 47.3826 | 8.6069 | |
| Yxy | 47.3826 | 0.4103 | 0.4991 | |
| Hunter Lab | 68.835 | -19.4501 | 40.774 | |
| CIE-Lab | 74.4338 | -18.4038 | 70.0865 | |
| CIE-LCH | 74.4338 | 72.4625 | 104.713 | |
| CIE-LUV | 74.4338 | 2.9769 | 78.9103 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10111010 | 10111110 | 00100010 |
| Octal | 272 | 276 | 42 |
| Decimal | 186 | 190 | 34 |
| Hex | BA | BE | 22 |
RGB percentages
CMYK percentages
Shades #BABE22
Tints #BABE22
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#BABE22 color on black
#BABE22 color sample text
#BABE22 color on white
#BABE22 color sample text
#BABE22 CSS codes
.background { background-color: #BABE22; }
.text { color: #BABE22; }
.border { border: 3px solid #BABE22; }
.shadow { box-shadow: 0 8px 28px rgba(186, 190, 34, 0.35); }
CSS preview
Accessibility
Contrast on white2:1Poor
Contrast on black10.48:1AAA
Web safe#CCCC33Near
Luminance0.47380-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#BABE22 color
PortuguêsCor #BABE22
EspañolColor #BABE22
한국어#BABE22 색상
日本語#BABE22 の色
中文#BABE22 颜色
DeutschFarbe #BABE22
FrançaisCouleur #BABE22
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #BABE22 color.
Related shades
See Yellows