#BBD634 Color (Hex and RGB)
#BBD634
#bbd634 has RGB values (187, 214, 52). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #BBD634 | RBBGD6B34 | |
| RGB | rgb(187 214 52) | R187G214B52 | |
| HSL | hsl(70 66% 52%) | H70°S66%L52% | |
| OKLCH | oklch(83% 0.18 119) | L0.83C0.18H119° | |
| HSV | hsv(70, 76%, 84%) | H70°S76%V84% | |
| CMYK | cmyk(13%, 0%, 76%, 16%) | C13%M0%Y76%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10111011 | 11010110 | 00110100 |
| Octal | 273 | 326 | 64 |
| Decimal | 187 | 214 | 52 |
| Hex | bb | d6 | 34 |
Shades & tints
Shades mix #BBD634 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #BBD6340%
- #ABC4309%
- #9BB22B17%
- #8B9F2726%
- #7B8D2234%
- #6C7B1E43%
- #5C691951%
- #4C571559%
- #3C441168%
- #2C320C77%
- #1C200885%
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
#BBD634 on #FFFFFF
1.64:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#BBD634 on #000000
12.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #BBD634
1.64:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #BBD634
12.78:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #bbd634; - Background
background-color: #bbd634; - CSS variable
--color-bbd634: #bbd634; - Modern CSS
color: oklch(83% 0.18 119); - SCSS
$color-bbd634: #bbd634; - Tailwind
bg-[#bbd634] text-[#bbd634] - HTML
<div style="background-color: #bbd634"></div>