#FCB130 Color (Hex and RGB)
#FCB130
#fcb130 has RGB values (252, 177, 48). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #FCB130 | RFCGB1B30 | |
| RGB | rgb(252 177 48) | R252G177B48 | |
| HSL | hsl(38 97% 59%) | H38°S97%L59% | |
| OKLCH | oklch(81% 0.16 75) | L0.81C0.16H75° | |
| HSV | hsv(38, 81%, 99%) | H38°S81%V99% | |
| CMYK | cmyk(0%, 30%, 81%, 1%) | C0%M30%Y81%K1% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11111100 | 10110001 | 00110000 |
| Octal | 374 | 261 | 60 |
| Decimal | 252 | 177 | 48 |
| Hex | fc | b1 | 30 |
Shades & tints
Shades mix #FCB130 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #FCB1300%
- #E7A22C9%
- #D1932817%
- #BC842426%
- #A6752034%
- #91661C43%
- #7B571851%
- #66481359%
- #51390F68%
- #3B2A0B77%
- #261B0785%
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
#FCB130 on #FFFFFF
1.83:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FCB130 on #000000
11.47:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #FCB130
1.83:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #FCB130
11.47:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #fcb130; - Background
background-color: #fcb130; - CSS variable
--color-fcb130: #fcb130; - Modern CSS
color: oklch(81% 0.16 75); - SCSS
$color-fcb130: #fcb130; - Tailwind
bg-[#fcb130] text-[#fcb130] - HTML
<div style="background-color: #fcb130"></div>