Benannte Farbe · #E4AA76
Golden Patina
Golden Patina ist #E4AA76: rgb(228 170 118), hsl(28 67% 68%), oklch(0.781 0.096 62.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Patina color name →
#E4AA76
oklch(0.781 0.096 62.6)
Farbumrechnungen
- HEX
- #e4aa76
- RGB
- rgb(228 170 118)
- HSL
- hsl(28 67% 68%)
- HWB
- hwb(28 46% 11%)
- OKLCH
- oklch(0.781 0.096 62.6)
- OKLab
- oklab(0.781 0.044 0.085)
- CIE Lab
- lab(74.3 17.49 35.48)
- LCH
- lch(74.3 39.55 63.8)
- CMYK
- cmyk(0% 25% 48% 11%)
Tints · Shades · Tones
Tints
- E7B384
- EABB92
- EDC4A0
- F0CCAD
- F3D5BB
- F5DDC8
- F8E6D6
- FAEEE4
- FDF7F1
Shades
- C69366
- A97D56
- 8D6847
- 725338
- 583F29
- 3F2D1C
- 281B0F
- 120B05
- 030101
Tones
- DAA678
- D0A279
- C69E7B
- BC9A7C
- B2957D
- A8917E
- 9E8D7F
- 94897F
- 8A8480
Farbharmonien
Komplementär +180°
- E4AA76
Golden Patina
- 7FBFF0
≈ Electric Eel
Analog -30° +30°
- E4AA76
Golden Patina
- EFA190
≈ Blush
- CDB66D
≈ Trumpet
Triadisch +120° +240°
- E4AA76
Golden Patina
- 69CCBD
≈ Kinetic Teal
- C3A9EB
≈ Tropical Violet
Geteilt komplementär +150° +210°
- E4AA76
Golden Patina
- 66C8DC
≈ Squeaky
- A2B4F6
≈ Wondrous Wisteria
Tetradisch +90° +180° +270°
- E4AA76
Golden Patina
- 87CA9A
≈ Good Luck Charm
- 7FBFF0
≈ Electric Eel
- DDA1D3
≈ Exotic Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.31:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--golden-patina: #e4aa76;
--golden-patina-rgb: 228 170 118;
--golden-patina-oklch: oklch(0.781 0.096 62.6);
}
.element {
color: var(--golden-patina);
background-color: hsl(28 67% 68%);
border-color: oklch(0.781 0.096 62.6);
}Tailwind CSS v4
@theme {
--color-golden-patina: #e4aa76;
--color-golden-patina-50: #fff0d9;
--color-golden-patina-100: #ffe2c7;
--color-golden-patina-200: #f2ccaa;
--color-golden-patina-300: #daae83;
--color-golden-patina-400: #c79261;
--color-golden-patina-500: #b3773d;
--color-golden-patina-600: #976535;
--color-golden-patina-700: #79502a;
--color-golden-patina-800: #5a3a1d;
--color-golden-patina-900: #3f2813;
--color-golden-patina-950: #281605;
}SCSS
$golden-patina: #e4aa76;
$golden-patina-rgb: 228, 170, 118;
$golden-patina-light: mix(#fff, $golden-patina, 20%);
$golden-patina-dark: mix(#000, $golden-patina, 20%);
.element {
color: $golden-patina;
box-shadow: 0 0 0 2px rgba($golden-patina, 0.35);
}