Cor nomeada · #DB9663
Gold Earth
Gold Earth é #DB9663: rgb(219 150 99), hsl(26 62% 62%), oklch(0.731 0.107 56.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Earth color name →
#DB9663
oklch(0.731 0.107 56.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DFA173
- E3AB83
- E7B692
- EBC0A2
- EFCBB1
- F2D5C1
- F6DFD0
- F9EAE0
- FCF4EF
Sombras
- BE8255
- A26E47
- 875B3A
- 6D492E
- 543721
- 3C2616
- 26160B
- 110803
- 020100
Tons
- D29467
- C9926B
- C0906E
- B78E71
- AE8C74
- A58A77
- 9C8779
- 92857C
- 89837E
Harmonias de cor
Complementar +180°
- DB9663
Gold Earth
- 60B2E2
≈ Sanctuary Spa
Análoga -30° +30°
- DB9663
Gold Earth
- E38D84
≈ Coral Haze
- C5A353
≈ Sauterne
Tríade +120° +240°
- DB9663
Gold Earth
- 50BEA6
≈ Mountain Lake Azure
- AE9AE3
≈ Dull Lavender
Complementar dividida +150° +210°
- DB9663
Gold Earth
- 41BBC9
≈ Water Sports
- 89A6EC
≈ Kitten’s Eye
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.55:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
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);
}