Named color · #E99F4C
Granary Gold
Granary Gold is #E99F4C: rgb(233 159 76), hsl(32 78% 61%), oklch(0.76 0.132 66.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Granary Gold color name →
#E99F4C
oklch(0.76 0.132 66.5)
Color conversions
- HEX
- #e99f4c
- RGB
- rgb(233 159 76)
- HSL
- hsl(32 78% 61%)
- HWB
- hwb(32 30% 9%)
- OKLCH
- oklch(0.76 0.132 66.5)
- OKLab
- oklab(0.76 0.053 0.121)
- CIE Lab
- lab(71.84 22.85 53.6)
- LCH
- lch(71.84 58.27 66.9)
- CMYK
- cmyk(0% 32% 67% 9%)
Tints · Shades · Tones
Tints
- ECA961
- EFB374
- F1BC87
- F4C699
- F6D0AA
- F8D9BB
- FAE3CC
- FCECDD
- FEF6EE
Shades
- CB8A41
- AD7536
- 90612C
- 744D22
- 5A3B18
- 41290F
- 291806
- 130902
- 030100
Tones
- DE9C54
- D49A5C
- C99762
- BF9468
- B4916D
- AA8D71
- A08A75
- 958779
- 8B847D
Color harmonies
Complementary +180°
- E99F4C
Granary Gold
- 66B8FF
≈ Hello Summer
Analogous -30° +30°
- E99F4C
Granary Gold
- F89174
≈ Salmon Nigiri
- C9B040
≈ Herbal Green
Triadic +120° +240°
- E99F4C
Granary Gold
- 0CCCBE
≈ Exquisite Turquoise
- C69AF3
≈ Baby Purple
Split-complementary +150° +210°
- E99F4C
Granary Gold
- 1AC5E7
≈ Caribbean Blue
- 9DA9FF
≈ Widowmaker
Tetradic +90° +180° +270°
- E99F4C
Granary Gold
- 60CA8E
≈ Vegetation
- 66B8FF
≈ Hello Summer
- E68FD0
≈ Mayflower Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 2.20:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.52:1 · APCA Lc 59
Best text color: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--granary-gold: #e99f4c;
--granary-gold-rgb: 233 159 76;
--granary-gold-oklch: oklch(0.76 0.132 66.5);
}
.element {
color: var(--granary-gold);
background-color: hsl(32 78% 61%);
border-color: oklch(0.76 0.132 66.5);
}Tailwind CSS v4
@theme {
--color-granary-gold: #e99f4c;
--color-granary-gold-50: #ffefcd;
--color-granary-gold-100: #ffe1b9;
--color-granary-gold-200: #faca97;
--color-granary-gold-300: #e4ab6b;
--color-granary-gold-400: #d28d3f;
--color-granary-gold-500: #bf7100;
--color-granary-gold-600: #a16000;
--color-granary-gold-700: #824d00;
--color-granary-gold-800: #613700;
--color-granary-gold-900: #442502;
--color-granary-gold-950: #2c1400;
}SCSS
$granary-gold: #e99f4c;
$granary-gold-rgb: 233, 159, 76;
$granary-gold-light: mix(#fff, $granary-gold, 20%);
$granary-gold-dark: mix(#000, $granary-gold, 20%);
.element {
color: $granary-gold;
box-shadow: 0 0 0 2px rgba($granary-gold, 0.35);
}