Colore con nome · #C6973F
Golden Spice
Golden Spice è #C6973F: rgb(198 151 63), hsl(39 54% 51%), oklch(0.705 0.118 80.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Spice color name →
#C6973F
oklch(0.705 0.118 80.3)
Conversioni di colore
- HEX
- #c6973f
- RGB
- rgb(198 151 63)
- HSL
- hsl(39 54% 51%)
- HWB
- hwb(39 25% 22%)
- OKLCH
- oklch(0.705 0.118 80.3)
- OKLab
- oklab(0.705 0.02 0.117)
- CIE Lab
- lab(65.79 11.63 51.73)
- LCH
- lch(65.79 53.02 77.3)
- CMYK
- cmyk(0% 24% 68% 22%)
Tinte · Ombre · Toni
Tinte
- CCA156
- D2AC6A
- D8B67E
- DDC191
- E3CBA3
- E9D5B6
- EEE0C8
- F4EADA
- F9F5ED
Ombre
- AC8335
- 926F2C
- 7A5C23
- 62491B
- 4B3712
- 35260A
- 211704
- 0E0801
- 020100
Toni
- BF9549
- B89352
- B19159
- AA8F60
- A38C66
- 9C8A6C
- 958872
- 8E8577
- 87837B
Armonie di colore
Complementare +180°
- C6973F
Golden Spice
- 74A0E9
≈ Greek Sea
Analogo -30° +30°
- C6973F
Golden Spice
- DA8959
≈ Late Bloomer
- A4A647
≈ Camo Green
Triadico +120° +240°
- C6973F
Golden Spice
- 0DB5BD
≈ Cyan Sky
- C187CD
≈ Purception
Complementare divisa +150° +210°
- C6973F
Golden Spice
- 40ADDB
≈ Highlighter Blue
- 9F92E4
≈ Dull Lavender
Tetradico +90° +180° +270°
- C6973F
Golden Spice
- 3FB795
≈ Green Blue
- 74A0E9
≈ Greek Sea
- D780AA
≈ Middle Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.89:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-spice: #c6973f;
--golden-spice-rgb: 198 151 63;
--golden-spice-oklch: oklch(0.705 0.118 80.3);
}
.element {
color: var(--golden-spice);
background-color: hsl(39 54% 51%);
border-color: oklch(0.705 0.118 80.3);
}Tailwind CSS v4
@theme {
--color-golden-spice: #c6973f;
--color-golden-spice-50: #fff3d0;
--color-golden-spice-100: #fce5bc;
--color-golden-spice-200: #eed09a;
--color-golden-spice-300: #d5b26f;
--color-golden-spice-400: #c39645;
--color-golden-spice-500: #ae7c00;
--color-golden-spice-600: #936905;
--color-golden-spice-700: #765407;
--color-golden-spice-800: #583c04;
--color-golden-spice-900: #3e2a03;
--color-golden-spice-950: #271700;
}SCSS
$golden-spice: #c6973f;
$golden-spice-rgb: 198, 151, 63;
$golden-spice-light: mix(#fff, $golden-spice, 20%);
$golden-spice-dark: mix(#000, $golden-spice, 20%);
.element {
color: $golden-spice;
box-shadow: 0 0 0 2px rgba($golden-spice, 0.35);
}