#FCB711 Color (Hex and RGB)
#FCB711
#fcb711 has RGB values (252, 183, 17). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FCB711 | RFCGB7B11 | |
| RGB | rgb(252 183 17) | R252G183B17 | |
| HSL | hsl(42 98% 53%) | H42°S98%L53% | |
| OKLCH | oklch(82% 0.17 81) | L0.82C0.17H81° | |
| HSV | hsv(42, 93%, 99%) | H42°S93%V99% | |
| CMYK | cmyk(0%, 27%, 93%, 1%) | C0%M27%Y93%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111100 | 10110111 | 00010001 |
| Octal | 374 | 267 | 21 |
| Decimal | 252 | 183 | 17 |
| Hex | fc | b7 | 11 |
Shades & tints
Shades mix #FCB711 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FCB7110%
- #E7A7109%
- #D1980E17%
- #BC880D26%
- #A6790B34%
- #91690A43%
- #7B5A0851%
- #664A0759%
- #513B0568%
- #3B2B0477%
- #261B0385%
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
#FCB711 on #FFFFFF
1.76:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FCB711 on #000000
11.92:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FCB711
1.76:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FCB711
11.92:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fcb711; - Background
background-color: #fcb711; - CSS variable
--color-fcb711: #fcb711; - Modern CSS
color: oklch(82% 0.17 81); - SCSS
$color-fcb711: #fcb711; - Tailwind
bg-[#fcb711] text-[#fcb711] - HTML
<div style="background-color: #fcb711"></div>