Colore con nome · #E99F4C
Granary Gold
Granary Gold è #E99F4C: rgb(233 159 76), hsl(32 78% 61%), oklch(0.76 0.132 66.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Granary Gold color name →
#E99F4C
oklch(0.76 0.132 66.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- ECA961
- EFB374
- F1BC87
- F4C699
- F6D0AA
- F8D9BB
- FAE3CC
- FCECDD
- FEF6EE
Ombre
- CB8A41
- AD7536
- 90612C
- 744D22
- 5A3B18
- 41290F
- 291806
- 130902
- 030100
Toni
- DE9C54
- D49A5C
- C99762
- BF9468
- B4916D
- AA8D71
- A08A75
- 958779
- 8B847D
Armonie di colore
Complementare +180°
- E99F4C
Granary Gold
- 66B8FF
≈ Hello Summer
Analogo -30° +30°
- E99F4C
Granary Gold
- F89174
≈ Salmon Nigiri
- C9B040
≈ Herbal Green
Triadico +120° +240°
- E99F4C
Granary Gold
- 0CCCBE
≈ Exquisite Turquoise
- C69AF3
≈ Baby Purple
Complementare divisa +150° +210°
- E99F4C
Granary Gold
- 1AC5E7
≈ Caribbean Blue
- 9DA9FF
≈ Widowmaker
Tetradico +90° +180° +270°
- E99F4C
Granary Gold
- 60CA8E
≈ Vegetation
- 66B8FF
≈ Hello Summer
- E68FD0
≈ Mayflower Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.52:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
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);
}