Benannte Farbe · #B66E45
Dune Spice
Dune Spice ist #B66E45: rgb(182 110 69), hsl(22 45% 49%), oklch(0.609 0.107 49.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dune Spice color name →
#B66E45
oklch(0.609 0.107 49.4)
Farbumrechnungen
- HEX
- #b66e45
- RGB
- rgb(182 110 69)
- HSL
- hsl(22 45% 49%)
- HWB
- hwb(22 27% 29%)
- OKLCH
- oklch(0.609 0.107 49.4)
- OKLab
- oklab(0.609 0.07 0.082)
- CIE Lab
- lab(53.97 26.54 35.28)
- LCH
- lch(53.97 44.15 53)
- CMYK
- cmyk(0% 40% 62% 29%)
Tints · Shades · Tones
Tints
- BE7C58
- C68B6A
- CE997C
- D5A78F
- DDB6A1
- E4C4B3
- EBD3C6
- F2E1D9
- F8F0EC
Shades
- 9E5F3B
- 865031
- 6F4127
- 59331E
- 442615
- 30190C
- 1D0E05
- 0C0402
- 020100
Tones
- B1704C
- AC7353
- A77559
- A2775F
- 9D7865
- 977A6B
- 927C70
- 8C7D76
- 867F7B
Farbharmonien
Komplementär +180°
- B66E45
Dune Spice
- 298EB6
≈ Hidden Springs
Analog -30° +30°
- B66E45
Dune Spice
- BA6768
≈ Terra Rosa
- A57A2C
≈ Chai Tea
Triadisch +120° +240°
- B66E45
Dune Spice
- 2B9778
≈ Cadaverous
- 8177BF
≈ Ube
Geteilt komplementär +150° +210°
- B66E45
Dune Spice
- 00959A
≈ Peacock Feather
- 5B83C3
≈ Bodega Bay
Tetradisch +90° +180° +270°
- B66E45
Dune Spice
- 5F9252
≈ Field Time Green
- 298EB6
≈ Hidden Springs
- 9F6DAB
≈ Dark Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.30:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--dune-spice: #b66e45;
--dune-spice-rgb: 182 110 69;
--dune-spice-oklch: oklch(0.609 0.107 49.4);
}
.element {
color: var(--dune-spice);
background-color: hsl(22 45% 49%);
border-color: oklch(0.609 0.107 49.4);
}Tailwind CSS v4
@theme {
--color-dune-spice: #b66e45;
--color-dune-spice-50: #ffedda;
--color-dune-spice-100: #ffdfc8;
--color-dune-spice-200: #fbc8ab;
--color-dune-spice-300: #e4a885;
--color-dune-spice-400: #d28b64;
--color-dune-spice-500: #be6f40;
--color-dune-spice-600: #a15e38;
--color-dune-spice-700: #814b2c;
--color-dune-spice-800: #603620;
--color-dune-spice-900: #442515;
--color-dune-spice-950: #2b1306;
}SCSS
$dune-spice: #b66e45;
$dune-spice-rgb: 182, 110, 69;
$dune-spice-light: mix(#fff, $dune-spice, 20%);
$dune-spice-dark: mix(#000, $dune-spice, 20%);
.element {
color: $dune-spice;
box-shadow: 0 0 0 2px rgba($dune-spice, 0.35);
}