Color conversion
Color conversion for #BAB303
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 186 | 179 | 3 | |
|---|---|---|---|---|
| HSL | 57.7° | 96.83% | 37.06% | |
| HSV | 57.7° | 98.39% | 72.94% | |
| CMYK | 0% | 3.76% | 98.39% | 27.06% |
| XYZ | 36.3879 | 42.6873 | 6.4089 | |
| Yxy | 42.6873 | 0.4257 | 0.4994 | |
| Hunter Lab | 65.3355 | -14.9243 | 39.9213 | |
| CIE-Lab | 71.3422 | -13.4169 | 72.7915 | |
| CIE-LCH | 71.3422 | 74.0177 | 100.4435 | |
| CIE-LUV | 71.3422 | 10.4884 | 77.6412 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10111010 | 10110011 | 00000011 |
| Octal | 272 | 263 | 3 |
| Decimal | 186 | 179 | 3 |
| Hex | BA | B3 | 03 |
RGB percentages
CMYK percentages
Shades #BAB303
Tints #BAB303
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#BAB303 color on black
#BAB303 color sample text
#BAB303 color on white
#BAB303 color sample text
#BAB303 CSS codes
.background { background-color: #BAB303; }
.text { color: #BAB303; }
.border { border: 3px solid #BAB303; }
.shadow { box-shadow: 0 8px 28px rgba(186, 179, 3, 0.35); }
CSS preview
Accessibility
Contrast on white2.2:1Poor
Contrast on black9.54:1AAA
Web safe#CCCC00Near
Luminance0.42690-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#BAB303 color
PortuguêsCor #BAB303
EspañolColor #BAB303
한국어#BAB303 색상
日本語#BAB303 の色
中文#BAB303 颜色
DeutschFarbe #BAB303
FrançaisCouleur #BAB303
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #BAB303 color.
Related shades
See Yellows