Benannte Farbe · #DB9663
Gold Earth
Gold Earth ist #DB9663: rgb(219 150 99), hsl(26 62% 62%), oklch(0.731 0.107 56.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gold Earth color name →
#DB9663
oklch(0.731 0.107 56.6)
Farbumrechnungen
- HEX
- #db9663
- RGB
- rgb(219 150 99)
- HSL
- hsl(26 62% 62%)
- HWB
- hwb(26 39% 14%)
- OKLCH
- oklch(0.731 0.107 56.6)
- OKLab
- oklab(0.731 0.059 0.089)
- CIE Lab
- lab(68.3 22.79 37.72)
- LCH
- lch(68.3 44.07 58.9)
- CMYK
- cmyk(0% 32% 55% 14%)
Tints · Shades · Tones
Tints
- DFA173
- E3AB83
- E7B692
- EBC0A2
- EFCBB1
- F2D5C1
- F6DFD0
- F9EAE0
- FCF4EF
Shades
- BE8255
- A26E47
- 875B3A
- 6D492E
- 543721
- 3C2616
- 26160B
- 110803
- 020100
Tones
- D29467
- C9926B
- C0906E
- B78E71
- AE8C74
- A58A77
- 9C8779
- 92857C
- 89837E
Farbharmonien
Komplementär +180°
- DB9663
Gold Earth
- 60B2E2
≈ Sanctuary Spa
Analog -30° +30°
- DB9663
Gold Earth
- E38D84
≈ Coral Haze
- C5A353
≈ Sauterne
Triadisch +120° +240°
- DB9663
Gold Earth
- 50BEA6
≈ Mountain Lake Azure
- AE9AE3
≈ Dull Lavender
Geteilt komplementär +150° +210°
- DB9663
Gold Earth
- 41BBC9
≈ Water Sports
- 89A6EC
≈ Kitten’s Eye
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.55:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--gold-earth: #db9663;
--gold-earth-rgb: 219 150 99;
--gold-earth-oklch: oklch(0.731 0.107 56.6);
}
.element {
color: var(--gold-earth);
background-color: hsl(26 62% 62%);
border-color: oklch(0.731 0.107 56.6);
}Tailwind CSS v4
@theme {
--color-gold-earth: #db9663;
--color-gold-earth-50: #ffefd8;
--color-gold-earth-100: #ffe0c5;
--color-gold-earth-200: #f8caa7;
--color-gold-earth-300: #e1aa80;
--color-gold-earth-400: #cf8e5e;
--color-gold-earth-500: #bb7238;
--color-gold-earth-600: #9e6131;
--color-gold-earth-700: #7f4d27;
--color-gold-earth-800: #5e371b;
--color-gold-earth-900: #422612;
--color-gold-earth-950: #2a1404;
}SCSS
$gold-earth: #db9663;
$gold-earth-rgb: 219, 150, 99;
$gold-earth-light: mix(#fff, $gold-earth, 20%);
$gold-earth-dark: mix(#000, $gold-earth, 20%);
.element {
color: $gold-earth;
box-shadow: 0 0 0 2px rgba($gold-earth, 0.35);
}