Colore con nome · #DBA674
Gehenna’s Gold
Gehenna’s Gold è #DBA674: rgb(219 166 116), hsl(29 59% 66%), oklch(0.763 0.091 64.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gehenna’s Gold color name →
#DBA674
oklch(0.763 0.091 64.1)
Conversioni di colore
- HEX
- #dba674
- RGB
- rgb(219 166 116)
- HSL
- hsl(29 59% 66%)
- HWB
- hwb(29 45% 14%)
- OKLCH
- oklch(0.763 0.091 64.1)
- OKLab
- oklab(0.763 0.04 0.082)
- CIE Lab
- lab(72.33 15.72 33.8)
- LCH
- lch(72.33 37.28 65.1)
- CMYK
- cmyk(0% 24% 47% 14%)
Tinte · Ombre · Toni
Tinte
- DFAF82
- E3B890
- E7C19E
- EACAAC
- EED2BA
- F2DBC7
- F5E4D5
- F8EDE3
- FCF6F1
Ombre
- BE9064
- A27A54
- 876545
- 6D5137
- 543E29
- 3C2B1B
- 261A0F
- 110A05
- 020101
Toni
- D2A276
- C99F78
- BF9B79
- B6977B
- AD937C
- A4907D
- 9B8C7E
- 92887F
- 89847F
Armonie di colore
Complementare +180°
- DBA674
Gehenna’s Gold
- 7FB9E8
≈ Aero
Analogo -30° +30°
- DBA674
Gehenna’s Gold
- E69D8C
≈ Tonys Pink
- C5B26D
≈ Champagne Grape
Triadico +120° +240°
- DBA674
Gehenna’s Gold
- 69C5B9
≈ Bayside
- BFA4E1
≈ Enchanted Lavender
Complementare divisa +150° +210°
- DBA674
Gehenna’s Gold
- 67C1D5
≈ Rushing Stream
- A0AEEC
≈ Wondrous Wisteria
Tetradico +90° +180° +270°
- DBA674
Gehenna’s Gold
- 83C398
≈ Willow Hedge
- 7FB9E8
≈ Aero
- D69DCA
≈ Girl Power
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.71:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--gehenna-s-gold: #dba674;
--gehenna-s-gold-rgb: 219 166 116;
--gehenna-s-gold-oklch: oklch(0.763 0.091 64.1);
}
.element {
color: var(--gehenna-s-gold);
background-color: hsl(29 59% 66%);
border-color: oklch(0.763 0.091 64.1);
}Tailwind CSS v4
@theme {
--color-gehenna-s-gold: #dba674;
--color-gehenna-s-gold-50: #fff1da;
--color-gehenna-s-gold-100: #fee3c9;
--color-gehenna-s-gold-200: #f0cdac;
--color-gehenna-s-gold-300: #d8af86;
--color-gehenna-s-gold-400: #c49364;
--color-gehenna-s-gold-500: #b07941;
--color-gehenna-s-gold-600: #956638;
--color-gehenna-s-gold-700: #77522c;
--color-gehenna-s-gold-800: #593b1f;
--color-gehenna-s-gold-900: #3e2815;
--color-gehenna-s-gold-950: #271606;
}SCSS
$gehenna-s-gold: #dba674;
$gehenna-s-gold-rgb: 219, 166, 116;
$gehenna-s-gold-light: mix(#fff, $gehenna-s-gold, 20%);
$gehenna-s-gold-dark: mix(#000, $gehenna-s-gold, 20%);
.element {
color: $gehenna-s-gold;
box-shadow: 0 0 0 2px rgba($gehenna-s-gold, 0.35);
}