Nazwany kolor · #C6973F
Golden Spice
Golden Spice to #C6973F: rgb(198 151 63), hsl(39 54% 51%), oklch(0.705 0.118 80.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Golden Spice color name →
#C6973F
oklch(0.705 0.118 80.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCA156
- D2AC6A
- D8B67E
- DDC191
- E3CBA3
- E9D5B6
- EEE0C8
- F4EADA
- F9F5ED
Odcienie ciemniejsze
- AC8335
- 926F2C
- 7A5C23
- 62491B
- 4B3712
- 35260A
- 211704
- 0E0801
- 020100
Tony
- BF9549
- B89352
- B19159
- AA8F60
- A38C66
- 9C8A6C
- 958872
- 8E8577
- 87837B
Harmonie kolorów
Komplementarna +180°
- C6973F
Golden Spice
- 74A0E9
≈ Greek Sea
Analogowa -30° +30°
- C6973F
Golden Spice
- DA8959
≈ Late Bloomer
- A4A647
≈ Camo Green
Triada +120° +240°
- C6973F
Golden Spice
- 0DB5BD
≈ Cyan Sky
- C187CD
≈ Purception
Komplementarna rozszczepiona +150° +210°
- C6973F
Golden Spice
- 40ADDB
≈ Highlighter Blue
- 9F92E4
≈ Dull Lavender
Tetrada +90° +180° +270°
- C6973F
Golden Spice
- 3FB795
≈ Green Blue
- 74A0E9
≈ Greek Sea
- D780AA
≈ Middle Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.89:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}