Nazwany kolor · #C19D61
Gold Spell
Gold Spell to #C19D61: rgb(193 157 97), hsl(38 44% 57%), oklch(0.716 0.089 79.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Spell color name →
#C19D61
oklch(0.716 0.089 79.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7A771
- CDB081
- D4BA91
- DAC4A1
- E0CEB0
- E6D7C0
- ECE1D0
- F3EBDF
- F9F5EF
Odcienie ciemniejsze
- A78853
- 8F7346
- 775F39
- 5F4C2D
- 493A21
- 342815
- 20180B
- 0E0903
- 020100
Tony
- BA9A65
- B49769
- AD956D
- A79270
- A08F73
- 9A8C76
- 938979
- 8D867B
- 86837E
Harmonie kolorów
Komplementarna +180°
- C19D61
Gold Spell
- 82A4DB
≈ Blue Cue
Analogowa -30° +30°
- C19D61
Gold Spell
- D19371
≈ Feldspar
- A7A865
≈ Elf Slippers
Triada +120° +240°
- C19D61
Gold Spell
- 56B4B9
≈ Thalassa
- BC91C7
≈ Violaceous
Komplementarna rozszczepiona +150° +210°
- C19D61
Gold Spell
- 64AED0
≈ Imrik Blue
- A19AD8
≈ Biloba Flower
Tetrada +90° +180° +270°
- C19D61
Gold Spell
- 66B59A
≈ Keppel
- 82A4DB
≈ Blue Cue
- CE8CAC
≈ Bossy-Pants Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.54:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.26:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}