#F5AA1C Color (Hex and RGB)
#F5AA1C
#f5aa1c has RGB values (245, 170, 28). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F5AA1C | RF5GAAB1C | |
| RGB | rgb(245 170 28) | R245G170B28 | |
| HSL | hsl(39 92% 54%) | H39°S92%L54% | |
| OKLCH | oklch(79% 0.16 76) | L0.79C0.16H76° | |
| HSV | hsv(39, 89%, 96%) | H39°S89%V96% | |
| CMYK | cmyk(0%, 31%, 89%, 4%) | C0%M31%Y89%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110101 | 10101010 | 00011100 |
| Octal | 365 | 252 | 34 |
| Decimal | 245 | 170 | 28 |
| Hex | f5 | aa | 1c |
Shades & tints
Shades mix #F5AA1C with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F5AA1C0%
- #E09C1A9%
- #CB8D1717%
- #B77F1526%
- #A2701234%
- #8D621043%
- #78530E51%
- #63450B59%
- #4E360968%
- #3A280777%
- #251A0485%
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
#F5AA1C on #FFFFFF
1.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F5AA1C on #000000
10.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F5AA1C
1.97:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F5AA1C
10.65:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f5aa1c; - Background
background-color: #f5aa1c; - CSS variable
--color-f5aa1c: #f5aa1c; - Modern CSS
color: oklch(79% 0.16 76); - SCSS
$color-f5aa1c: #f5aa1c; - Tailwind
bg-[#f5aa1c] text-[#f5aa1c] - HTML
<div style="background-color: #f5aa1c"></div>