Benannte Farbe · #C66B30
Desert Spice
Desert Spice ist #C66B30: rgb(198 107 48), hsl(24 61% 48%), oklch(0.622 0.136 50.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Desert Spice color name →
#C66B30
oklch(0.622 0.136 50.5)
Farbumrechnungen
- HEX
- #c66b30
- RGB
- rgb(198 107 48)
- HSL
- hsl(24 61% 48%)
- HWB
- hwb(24 19% 22%)
- OKLCH
- oklch(0.622 0.136 50.5)
- OKLab
- oklab(0.622 0.087 0.105)
- CIE Lab
- lab(55.36 33.85 48.19)
- LCH
- lch(55.36 58.9 54.9)
- CMYK
- cmyk(0% 46% 76% 22%)
Tints · Shades · Tones
Tints
- CD7A48
- D4895E
- DA9872
- E0A786
- E6B59A
- ECC4AE
- F1D3C2
- F6E1D6
- FBF0EB
Shades
- AC5C28
- 924E21
- 7A3F1A
- 623213
- 4B250C
- 351806
- 210D03
- 0E0401
- 020000
Tones
- C06E3C
- B97146
- B3734E
- AC7657
- A5785E
- 9E7A66
- 977C6C
- 907D73
- 887F7A
Farbharmonien
Komplementär +180°
- C66B30
Desert Spice
- 0093C3
≈ Surf Rider
Analog -30° +30°
- C66B30
Desert Spice
- CC6163
≈ Fuzzy Wuzzy
- AE7D00
≈ Murder Mustard
Triadisch +120° +240°
- C66B30
Desert Spice
- 009E7C
≈ Tropical Kelp
- 8776D2
≈ True V
Geteilt komplementär +150° +210°
- C66B30
Desert Spice
- 0099A0
≈ Riviera Paradise
- 5585D8
≈ Blue Jay
Tetradisch +90° +180° +270°
- C66B30
Desert Spice
- 559A48
≈ Bredon Green
- 0093C3
≈ Surf Rider
- AB69B9
≈ Soft Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.78:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.54:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.54:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--desert-spice: #c66b30;
--desert-spice-rgb: 198 107 48;
--desert-spice-oklch: oklch(0.622 0.136 50.5);
}
.element {
color: var(--desert-spice);
background-color: hsl(24 61% 48%);
border-color: oklch(0.622 0.136 50.5);
}Tailwind CSS v4
@theme {
--color-desert-spice: #c66b30;
--color-desert-spice-50: #ffebd2;
--color-desert-spice-100: #ffdcbf;
--color-desert-spice-200: #ffc59e;
--color-desert-spice-300: #efa375;
--color-desert-spice-400: #dd854f;
--color-desert-spice-500: #cb661f;
--color-desert-spice-600: #ab571d;
--color-desert-spice-700: #8a4617;
--color-desert-spice-800: #673111;
--color-desert-spice-900: #48220a;
--color-desert-spice-950: #2f1001;
}SCSS
$desert-spice: #c66b30;
$desert-spice-rgb: 198, 107, 48;
$desert-spice-light: mix(#fff, $desert-spice, 20%);
$desert-spice-dark: mix(#000, $desert-spice, 20%);
.element {
color: $desert-spice;
box-shadow: 0 0 0 2px rgba($desert-spice, 0.35);
}