#FFD43B Color (Hex and RGB)
#FFD43B
#ffd43b has RGB values (255, 212, 59). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFD43B | RFFGD4B3B | |
| RGB | rgb(255 212 59) | R255G212B59 | |
| HSL | hsl(47 100% 62%) | H47°S100%L62% | |
| OKLCH | oklch(88% 0.16 92) | L0.88C0.16H92° | |
| HSV | hsv(47, 77%, 100%) | H47°S77%V100% | |
| CMYK | cmyk(0%, 17%, 77%, 0%) | C0%M17%Y77%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11010100 | 00111011 |
| Octal | 377 | 324 | 73 |
| Decimal | 255 | 212 | 59 |
| Hex | ff | d4 | 3b |
Shades & tints
Shades mix #FFD43B with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFD43B0%
- #E9C2369%
- #D4B03117%
- #BE9E2C26%
- #A88C2734%
- #937A2243%
- #7D681D51%
- #67561859%
- #52441368%
- #3C320E77%
- #26200985%
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
#FFD43B on #FFFFFF
1.43:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFD43B on #000000
14.73:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFD43B
1.43:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFD43B
14.73:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffd43b; - Background
background-color: #ffd43b; - CSS variable
--color-ffd43b: #ffd43b; - Modern CSS
color: oklch(88% 0.16 92); - SCSS
$color-ffd43b: #ffd43b; - Tailwind
bg-[#ffd43b] text-[#ffd43b] - HTML
<div style="background-color: #ffd43b"></div>