Benannte Farbe · #E2A94F
Mellowed Gold
Mellowed Gold ist #E2A94F: rgb(226 169 79), hsl(37 72% 60%), oklch(0.771 0.126 76.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mellowed Gold color name →
#E2A94F
oklch(0.771 0.126 76.3)
Farbumrechnungen
- HEX
- #e2a94f
- RGB
- rgb(226 169 79)
- HSL
- hsl(37 72% 60%)
- HWB
- hwb(37 31% 11%)
- OKLCH
- oklch(0.771 0.126 76.3)
- OKLab
- oklab(0.771 0.03 0.122)
- CIE Lab
- lab(73.44 15 53.63)
- LCH
- lch(73.44 55.69 74.4)
- CMYK
- cmyk(0% 25% 65% 11%)
Tints · Shades · Tones
Tints
- E5B264
- E8BB77
- ECC389
- EFCC9A
- F2D5AB
- F4DDBC
- F7E6CD
- FAEEDE
- FCF7EE
Shades
- C49244
- A87C38
- 8C672E
- 715323
- 573F19
- 3E2C10
- 271B07
- 120A02
- 030100
Tones
- D8A557
- CEA15E
- C49D64
- BA9969
- B1956E
- A79172
- 9D8D76
- 93897A
- 8A847D
Farbharmonien
Komplementär +180°
- E2A94F
Mellowed Gold
- 82B7FF
≈ Parakeet Blue
Analog -30° +30°
- E2A94F
Mellowed Gold
- F69A6D
≈ Autumn Arrival
- BFBA52
≈ Parachute
Triadisch +120° +240°
- E2A94F
Mellowed Gold
- 26CDCF
≈ Mermaid Net
- D49BEA
≈ Bright Ube
Geteilt komplementär +150° +210°
- E2A94F
Mellowed Gold
- 47C4F2
≈ Clean Pool
- AEA8FF
≈ Shy Moment
Tetradisch +90° +180° +270°
- E2A94F
Mellowed Gold
- 56CEA3
≈ Mint Jelly
- 82B7FF
≈ Parakeet Blue
- EE93C5
≈ Pearly Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.02:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--mellowed-gold: #e2a94f;
--mellowed-gold-rgb: 226 169 79;
--mellowed-gold-oklch: oklch(0.771 0.126 76.3);
}
.element {
color: var(--mellowed-gold);
background-color: hsl(37 72% 60%);
border-color: oklch(0.771 0.126 76.3);
}Tailwind CSS v4
@theme {
--color-mellowed-gold: #e2a94f;
--color-mellowed-gold-50: #fff2ce;
--color-mellowed-gold-100: #ffe4b9;
--color-mellowed-gold-200: #f2ce97;
--color-mellowed-gold-300: #dbb06b;
--color-mellowed-gold-400: #c8933e;
--color-mellowed-gold-500: #b47800;
--color-mellowed-gold-600: #986600;
--color-mellowed-gold-700: #7a5200;
--color-mellowed-gold-800: #5c3b00;
--color-mellowed-gold-900: #402801;
--color-mellowed-gold-950: #291600;
}SCSS
$mellowed-gold: #e2a94f;
$mellowed-gold-rgb: 226, 169, 79;
$mellowed-gold-light: mix(#fff, $mellowed-gold, 20%);
$mellowed-gold-dark: mix(#000, $mellowed-gold, 20%);
.element {
color: $mellowed-gold;
box-shadow: 0 0 0 2px rgba($mellowed-gold, 0.35);
}