#FBBB22 Color (Hex and RGB)
#FBBB22
#fbbb22 has RGB values (251, 187, 34). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FBBB22 | RFBGBBB22 | |
| RGB | rgb(251 187 34) | R251G187B34 | |
| HSL | hsl(42 96% 56%) | H42°S96%L56% | |
| OKLCH | oklch(83% 0.16 82) | L0.83C0.16H82° | |
| HSV | hsv(42, 86%, 98%) | H42°S86%V98% | |
| CMYK | cmyk(0%, 25%, 86%, 2%) | C0%M25%Y86%K2% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111011 | 10111011 | 00100010 |
| Octal | 373 | 273 | 42 |
| Decimal | 251 | 187 | 34 |
| Hex | fb | bb | 22 |
Shades & tints
Shades mix #FBBB22 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FBBB220%
- #E6AB1F9%
- #D09B1C17%
- #BB8B1926%
- #A67B1634%
- #906C1443%
- #7B5C1151%
- #664C0E59%
- #503C0B68%
- #3B2C0877%
- #261C0585%
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
#FBBB22 on #FFFFFF
1.72:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FBBB22 on #000000
12.23:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FBBB22
1.72:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FBBB22
12.23:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fbbb22; - Background
background-color: #fbbb22; - CSS variable
--color-fbbb22: #fbbb22; - Modern CSS
color: oklch(83% 0.16 82); - SCSS
$color-fbbb22: #fbbb22; - Tailwind
bg-[#fbbb22] text-[#fbbb22] - HTML
<div style="background-color: #fbbb22"></div>