#FFCD1A Color (Hex and RGB)
#FFCD1A
#ffcd1a has RGB values (255, 205, 26). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FFCD1A | RFFGCDB1A | |
| RGB | rgb(255 205 26) | R255G205B26 | |
| HSL | hsl(47 100% 55%) | H47°S100%L55% | |
| OKLCH | oklch(87% 0.17 90) | L0.87C0.17H90° | |
| HSV | hsv(47, 90%, 100%) | H47°S90%V100% | |
| CMYK | cmyk(0%, 20%, 90%, 0%) | C0%M20%Y90%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111111 | 11001101 | 00011010 |
| Octal | 377 | 315 | 32 |
| Decimal | 255 | 205 | 26 |
| Hex | ff | cd | 1a |
Shades & tints
Shades mix #FFCD1A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FFCD1A0%
- #E9BC189%
- #D4AA1617%
- #BE991326%
- #A8871134%
- #93760F43%
- #7D640D51%
- #67530B59%
- #52420868%
- #3C300677%
- #261F0485%
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
#FFCD1A on #FFFFFF
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFCD1A on #000000
14.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FFCD1A
1.50:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FFCD1A
14.00:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ffcd1a; - Background
background-color: #ffcd1a; - CSS variable
--color-ffcd1a: #ffcd1a; - Modern CSS
color: oklch(87% 0.17 90); - SCSS
$color-ffcd1a: #ffcd1a; - Tailwind
bg-[#ffcd1a] text-[#ffcd1a] - HTML
<div style="background-color: #ffcd1a"></div>