#FDCA30 Color (Hex and RGB)
#FDCA30
#fdca30 has RGB values (253, 202, 48). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FDCA30 | RFDGCAB30 | |
| RGB | rgb(253 202 48) | R253G202B48 | |
| HSL | hsl(45 98% 59%) | H45°S98%L59% | |
| OKLCH | oklch(86% 0.16 89) | L0.86C0.16H89° | |
| HSV | hsv(45, 81%, 99%) | H45°S81%V99% | |
| CMYK | cmyk(0%, 20%, 81%, 1%) | C0%M20%Y81%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111101 | 11001010 | 00110000 |
| Octal | 375 | 312 | 60 |
| Decimal | 253 | 202 | 48 |
| Hex | fd | ca | 30 |
Shades & tints
Shades mix #FDCA30 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FDCA300%
- #E7B92C9%
- #D2A82817%
- #BC962426%
- #A7852034%
- #91741C43%
- #7C631851%
- #66521359%
- #51410F68%
- #3B2F0B77%
- #261E0785%
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
#FDCA30 on #FFFFFF
1.54:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FDCA30 on #000000
13.67:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FDCA30
1.54:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FDCA30
13.67:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fdca30; - Background
background-color: #fdca30; - CSS variable
--color-fdca30: #fdca30; - Modern CSS
color: oklch(86% 0.16 89); - SCSS
$color-fdca30: #fdca30; - Tailwind
bg-[#fdca30] text-[#fdca30] - HTML
<div style="background-color: #fdca30"></div>