#F6C944 Color (Hex and RGB)
#F6C944
#f6c944 has RGB values (246, 201, 68). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #F6C944 | RF6GC9B44 | |
| RGB | rgb(246 201 68) | R246G201B68 | |
| HSL | hsl(45 91% 62%) | H45°S91%L62% | |
| OKLCH | oklch(85% 0.15 89) | L0.85C0.15H89° | |
| HSV | hsv(45, 72%, 96%) | H45°S72%V96% | |
| CMYK | cmyk(0%, 18%, 72%, 4%) | C0%M18%Y72%K4% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11110110 | 11001001 | 01000100 |
| Octal | 366 | 311 | 104 |
| Decimal | 246 | 201 | 68 |
| Hex | f6 | c9 | 44 |
Shades & tints
Shades mix #F6C944 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #F6C9440%
- #E1B83E9%
- #CCA73817%
- #B7963326%
- #A2852D34%
- #8D742743%
- #79622151%
- #64511C59%
- #4F401668%
- #3A2F1077%
- #251E0A85%
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
#F6C944 on #FFFFFF
1.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#F6C944 on #000000
13.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #F6C944
1.57:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #F6C944
13.36:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #f6c944; - Background
background-color: #f6c944; - CSS variable
--color-f6c944: #f6c944; - Modern CSS
color: oklch(85% 0.15 89); - SCSS
$color-f6c944: #f6c944; - Tailwind
bg-[#f6c944] text-[#f6c944] - HTML
<div style="background-color: #f6c944"></div>