#FABD42 Color (Hex and RGB)
#FABD42
#fabd42 has RGB values (250, 189, 66). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FABD42 | RFAGBDB42 | |
| RGB | rgb(250 189 66) | R250G189B66 | |
| HSL | hsl(40 95% 62%) | H40°S95%L62% | |
| OKLCH | oklch(83% 0.15 81) | L0.83C0.15H81° | |
| HSV | hsv(40, 74%, 98%) | H40°S74%V98% | |
| CMYK | cmyk(0%, 24%, 74%, 2%) | C0%M24%Y74%K2% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111010 | 10111101 | 01000010 |
| Octal | 372 | 275 | 102 |
| Decimal | 250 | 189 | 66 |
| Hex | fa | bd | 42 |
Shades & tints
Shades mix #FABD42 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FABD420%
- #E5AD3C9%
- #D09D3717%
- #BA8D3126%
- #A57D2C34%
- #906D2643%
- #7B5D2051%
- #654D1B59%
- #503C1568%
- #3B2C1077%
- #261C0A85%
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
#FABD42 on #FFFFFF
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FABD42 on #000000
12.42:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FABD42
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FABD42
12.42:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fabd42; - Background
background-color: #fabd42; - CSS variable
--color-fabd42: #fabd42; - Modern CSS
color: oklch(83% 0.15 81); - SCSS
$color-fabd42: #fabd42; - Tailwind
bg-[#fabd42] text-[#fabd42] - HTML
<div style="background-color: #fabd42"></div>