#FCAF45 Color (Hex and RGB)
#FCAF45
#fcaf45 has RGB values (252, 175, 69). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FCAF45 | RFCGAFB45 | |
| RGB | rgb(252 175 69) | R252G175B69 | |
| HSL | hsl(35 97% 63%) | H35°S97%L63% | |
| OKLCH | oklch(81% 0.15 71) | L0.81C0.15H71° | |
| HSV | hsv(35, 73%, 99%) | H35°S73%V99% | |
| CMYK | cmyk(0%, 31%, 73%, 1%) | C0%M31%Y73%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111100 | 10101111 | 01000101 |
| Octal | 374 | 257 | 105 |
| Decimal | 252 | 175 | 69 |
| Hex | fc | af | 45 |
Shades & tints
Shades mix #FCAF45 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FCAF450%
- #E7A03F9%
- #D1913917%
- #BC823326%
- #A6742E34%
- #91652843%
- #7B562251%
- #66471C59%
- #51381668%
- #3B291077%
- #261A0A85%
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
#FCAF45 on #FFFFFF
1.85:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FCAF45 on #000000
11.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FCAF45
1.85:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FCAF45
11.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fcaf45; - Background
background-color: #fcaf45; - CSS variable
--color-fcaf45: #fcaf45; - Modern CSS
color: oklch(81% 0.15 71); - SCSS
$color-fcaf45: #fcaf45; - Tailwind
bg-[#fcaf45] text-[#fcaf45] - HTML
<div style="background-color: #fcaf45"></div>