Named color · #E8C447
Liberator Gold
Liberator Gold is #E8C447: rgb(232 196 71), hsl(47 78% 59%), oklch(0.83 0.145 92.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Liberator Gold color name →
#E8C447
oklch(0.83 0.145 92.6)
Color conversions
- HEX
- #e8c447
- RGB
- rgb(232 196 71)
- HSL
- hsl(47 78% 59%)
- HWB
- hwb(47 28% 9%)
- OKLCH
- oklch(0.83 0.145 92.6)
- OKLab
- oklab(0.83 -0.007 0.145)
- CIE Lab
- lab(80.69 3.72 64.59)
- LCH
- lch(80.69 64.7 86.7)
- CMYK
- cmyk(0% 16% 69% 9%)
Tints · Shades · Tones
Tints
- EACA60
- EDD075
- EFD688
- F1DC9B
- F4E2AC
- F6E8BD
- F8EECE
- FAF4DE
- FDF9EF
Shades
- CAAA3D
- AC9132
- 907828
- 74611F
- 594A16
- 40350D
- 292106
- 130E02
- 030200
Tones
- DDBD52
- D2B75B
- C8B062
- BDA969
- B3A26E
- A89B73
- 9E9577
- 948E7A
- 8A877D
Color harmonies
Complementary +180°
- E8C447
Liberator Gold
- B4C4FF
≈ Light Periwinkle
Analogous -30° +30°
- E8C447
Liberator Gold
- FFB571
≈ Apricot
- B6D665
≈ Melissa
Triadic +120° +240°
- E8C447
Liberator Gold
- 03DFFE
≈ Vaporwave Blue
- FEA3F0
≈ Pink Wink
Split-complementary +150° +210°
- E8C447
Liberator Gold
- 91CFFF
≈ Long Island Sound
- D4B7FF
≈ Light Violet
Tetradic +90° +180° +270°
- E8C447
Liberator Gold
- 1DE5CF
≈ MoS₂ Cyan
- B4C4FF
≈ Light Periwinkle
- FFACC1
≈ Baby’s Blanket
Contrast & accessibility
Ag
FailOn white
WCAG 1.69:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.41:1 · APCA Lc 73
Best text color: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--liberator-gold: #e8c447;
--liberator-gold-rgb: 232 196 71;
--liberator-gold-oklch: oklch(0.83 0.145 92.6);
}
.element {
color: var(--liberator-gold);
background-color: hsl(47 78% 59%);
border-color: oklch(0.83 0.145 92.6);
}Tailwind CSS v4
@theme {
--color-liberator-gold: #e8c447;
--color-liberator-gold-50: #fff5c7;
--color-liberator-gold-100: #f7e8b1;
--color-liberator-gold-200: #e8d48c;
--color-liberator-gold-300: #cfb65a;
--color-liberator-gold-400: #bc9b19;
--color-liberator-gold-500: #a88100;
--color-liberator-gold-600: #8e6d00;
--color-liberator-gold-700: #725700;
--color-liberator-gold-800: #553f00;
--color-liberator-gold-900: #3c2b00;
--color-liberator-gold-950: #251800;
}SCSS
$liberator-gold: #e8c447;
$liberator-gold-rgb: 232, 196, 71;
$liberator-gold-light: mix(#fff, $liberator-gold, 20%);
$liberator-gold-dark: mix(#000, $liberator-gold, 20%);
.element {
color: $liberator-gold;
box-shadow: 0 0 0 2px rgba($liberator-gold, 0.35);
}