#BAD80A Color (Hex and RGB)
#BAD80A
#bad80a has RGB values (186, 216, 10). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #BAD80A | RBAGD8B0A | |
| RGB | rgb(186 216 10) | R186G216B10 | |
| HSL | hsl(69 91% 44%) | H69°S91%L44% | |
| OKLCH | oklch(83% 0.19 119) | L0.83C0.19H119° | |
| HSV | hsv(69, 95%, 85%) | H69°S95%V85% | |
| CMYK | cmyk(14%, 0%, 95%, 15%) | C14%M0%Y95%K15% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10111010 | 11011000 | 00001010 |
| Octal | 272 | 330 | 12 |
| Decimal | 186 | 216 | 10 |
| Hex | ba | d8 | 0a |
Shades & tints
Shades mix #BAD80A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #BAD80A0%
- #AAC6099%
- #9AB30817%
- #8BA10726%
- #7B8F0734%
- #6B7C0643%
- #5B6A0551%
- #4B570459%
- #3C450368%
- #2C330277%
- #1C200285%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#BAD80A on #FFFFFF
1.63:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#BAD80A on #000000
12.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #BAD80A
1.63:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #BAD80A
12.91:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #bad80a; - Background
background-color: #bad80a; - CSS variable
--color-bad80a: #bad80a; - Modern CSS
color: oklch(83% 0.19 119); - SCSS
$color-bad80a: #bad80a; - Tailwind
bg-[#bad80a] text-[#bad80a] - HTML
<div style="background-color: #bad80a"></div>