Benannte Farbe · #B88D70
Dune Drift
Dune Drift ist #B88D70: rgb(184 141 112), hsl(24 34% 58%), oklch(0.677 0.066 55.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dune Drift color name →
#B88D70
oklch(0.677 0.066 55.3)
Farbumrechnungen
- HEX
- #b88d70
- RGB
- rgb(184 141 112)
- HSL
- hsl(24 34% 58%)
- HWB
- hwb(24 44% 28%)
- OKLCH
- oklch(0.677 0.066 55.3)
- OKLab
- oklab(0.677 0.038 0.055)
- CIE Lab
- lab(62.29 13.96 22.13)
- LCH
- lch(62.29 26.17 57.7)
- CMYK
- cmyk(0% 23% 39% 28%)
Tints · Shades · Tones
Tints
- BF987E
- C7A38C
- CEAE9A
- D5BAA8
- DCC5B6
- E3D0C4
- EADCD3
- F1E8E1
- F8F3F0
Shades
- A07A60
- 886751
- 715543
- 5B4435
- 453327
- 31231A
- 1E140E
- 0C0704
- 020101
Tones
- B28C72
- AD8B74
- A78976
- A28877
- 9C8779
- 97867A
- 91847C
- 8B837D
- 86817F
Farbharmonien
Komplementär +180°
- B88D70
Dune Drift
- 6F9EBB
≈ Crisp French Blue
Analog -30° +30°
- B88D70
Dune Drift
- BD8883
≈ Toki Brown
- AA9568
≈ Gathering Place
Triadisch +120° +240°
- B88D70
Dune Drift
- 6AA595
≈ Harmony in Green
- 9A90BD
≈ Royal Glimmer
Geteilt komplementär +150° +210°
- B88D70
Dune Drift
- 64A4AB
≈ Nirvana Jewel
- 8497C1
≈ Bel Air Blue
Tetradisch +90° +180° +270°
- B88D70
Dune Drift
- 7EA37F
≈ Rivergrass
- 6F9EBB
≈ Crisp French Blue
- AD8AAE
≈ Voila!
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.96:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.08:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--dune-drift: #b88d70;
--dune-drift-rgb: 184 141 112;
--dune-drift-oklch: oklch(0.677 0.066 55.3);
}
.element {
color: var(--dune-drift);
background-color: hsl(24 34% 58%);
border-color: oklch(0.677 0.066 55.3);
}Tailwind CSS v4
@theme {
--color-dune-drift: #b88d70;
--color-dune-drift-50: #fff1e3;
--color-dune-drift-100: #fae3d3;
--color-dune-drift-200: #ebceb9;
--color-dune-drift-300: #d2b097;
--color-dune-drift-400: #be9579;
--color-dune-drift-500: #a97b5b;
--color-dune-drift-600: #8f684d;
--color-dune-drift-700: #72533e;
--color-dune-drift-800: #553c2c;
--color-dune-drift-900: #3b291e;
--color-dune-drift-950: #25170e;
}SCSS
$dune-drift: #b88d70;
$dune-drift-rgb: 184, 141, 112;
$dune-drift-light: mix(#fff, $dune-drift, 20%);
$dune-drift-dark: mix(#000, $dune-drift, 20%);
.element {
color: $dune-drift;
box-shadow: 0 0 0 2px rgba($dune-drift, 0.35);
}