Couleur nommée · #C19D61
Gold Spell
Gold Spell correspond à #C19D61 : rgb(193 157 97), hsl(38 44% 57%), oklch(0.716 0.089 79.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Gold Spell color name →
#C19D61
oklch(0.716 0.089 79.4)
Conversions de couleur
- HEX
- #c19d61
- RGB
- rgb(193 157 97)
- HSL
- hsl(38 44% 57%)
- HWB
- hwb(38 38% 24%)
- OKLCH
- oklch(0.716 0.089 79.4)
- OKLab
- oklab(0.716 0.016 0.087)
- CIE Lab
- lab(67.1 8.24 36.51)
- LCH
- lch(67.1 37.42 77.3)
- CMYK
- cmyk(0% 19% 50% 24%)
Teintes · Ombres · Tons
Teintes
- C7A771
- CDB081
- D4BA91
- DAC4A1
- E0CEB0
- E6D7C0
- ECE1D0
- F3EBDF
- F9F5EF
Ombres
- A78853
- 8F7346
- 775F39
- 5F4C2D
- 493A21
- 342815
- 20180B
- 0E0903
- 020100
Tons
- BA9A65
- B49769
- AD956D
- A79270
- A08F73
- 9A8C76
- 938979
- 8D867B
- 86837E
Harmonies de couleurs
Complémentaire +180°
- C19D61
Gold Spell
- 82A4DB
≈ Blue Cue
Analogue -30° +30°
- C19D61
Gold Spell
- D19371
≈ Feldspar
- A7A865
≈ Elf Slippers
Triadique +120° +240°
- C19D61
Gold Spell
- 56B4B9
≈ Thalassa
- BC91C7
≈ Violaceous
Complémentaire divisée +150° +210°
- C19D61
Gold Spell
- 64AED0
≈ Imrik Blue
- A19AD8
≈ Biloba Flower
Tétradique +90° +180° +270°
- C19D61
Gold Spell
- 66B59A
≈ Keppel
- 82A4DB
≈ Blue Cue
- CE8CAC
≈ Bossy-Pants Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.54:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.26:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--gold-spell: #c19d61;
--gold-spell-rgb: 193 157 97;
--gold-spell-oklch: oklch(0.716 0.089 79.4);
}
.element {
color: var(--gold-spell);
background-color: hsl(38 44% 57%);
border-color: oklch(0.716 0.089 79.4);
}Tailwind CSS v4
@theme {
--color-gold-spell: #c19d61;
--color-gold-spell-50: #fff3d9;
--color-gold-spell-100: #f7e6c7;
--color-gold-spell-200: #e8d1aa;
--color-gold-spell-300: #cfb383;
--color-gold-spell-400: #bb9960;
--color-gold-spell-500: #a57f3b;
--color-gold-spell-600: #8c6c33;
--color-gold-spell-700: #705629;
--color-gold-spell-800: #533e1c;
--color-gold-spell-900: #3a2b12;
--color-gold-spell-950: #241805;
}SCSS
$gold-spell: #c19d61;
$gold-spell-rgb: 193, 157, 97;
$gold-spell-light: mix(#fff, $gold-spell, 20%);
$gold-spell-dark: mix(#000, $gold-spell, 20%);
.element {
color: $gold-spell;
box-shadow: 0 0 0 2px rgba($gold-spell, 0.35);
}