Benannte Farbe · #D2B395
Hiker’s Delight
Hiker’s Delight ist #D2B395: rgb(210 179 149), hsl(30 40% 70%), oklch(0.786 0.054 66). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Hiker’s Delight color name →
#D2B395
oklch(0.786 0.054 66)
Farbumrechnungen
- HEX
- #d2b395
- RGB
- rgb(210 179 149)
- HSL
- hsl(30 40% 70%)
- HWB
- hwb(30 58% 18%)
- OKLCH
- oklch(0.786 0.054 66)
- OKLab
- oklab(0.786 0.022 0.05)
- CIE Lab
- lab(75.13 8.28 19.74)
- LCH
- lch(75.13 21.41 67.2)
- CMYK
- cmyk(0% 15% 29% 18%)
Tints · Shades · Tones
Tints
- D7BA9F
- DBC2AA
- E0C9B4
- E4D1BF
- E9D9C9
- EDE0D4
- F2E8DF
- F6F0E9
- FBF7F4
Shades
- B69B81
- 9B846D
- 816E5A
- 685848
- 504337
- 392F26
- 241D16
- 100C08
- 020101
Tones
- CAAE93
- C1A991
- B9A48F
- B19E8D
- A8998B
- A09489
- 988F87
- 908A84
- 888582
Farbharmonien
Komplementär +180°
- D2B395
Hiker’s Delight
- 9DBEDB
≈ Ice Cave
Analog -30° +30°
- D2B395
Hiker’s Delight
- DAAEA2
≈ Montezuma’s Castle
- C3BA92
≈ Earth Friendly
Triadisch +120° +240°
- D2B395
Hiker’s Delight
- 92C5BE
≈ Enchanted Isle
- C2B1D6
≈ Moonraker
Geteilt komplementär +150° +210°
- D2B395
Hiker’s Delight
- 92C3D0
≈ Cosmic Blue
- AFB7DD
≈ Sassy Violet
Tetradisch +90° +180° +270°
- D2B395
Hiker’s Delight
- 9EC4AB
≈ Mini Green
- 9DBEDB
≈ Ice Cave
- D1ADC7
≈ Heart to Heart
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.62:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--hiker-s-delight: #d2b395;
--hiker-s-delight-rgb: 210 179 149;
--hiker-s-delight-oklch: oklch(0.786 0.054 66);
}
.element {
color: var(--hiker-s-delight);
background-color: hsl(30 40% 70%);
border-color: oklch(0.786 0.054 66);
}Tailwind CSS v4
@theme {
--color-hiker-s-delight: #d2b395;
--color-hiker-s-delight-50: #fff3e5;
--color-hiker-s-delight-100: #f5e5d5;
--color-hiker-s-delight-200: #e4d0bc;
--color-hiker-s-delight-300: #cbb39a;
--color-hiker-s-delight-400: #b5997d;
--color-hiker-s-delight-500: #9f7f60;
--color-hiker-s-delight-600: #876c51;
--color-hiker-s-delight-700: #6c5641;
--color-hiker-s-delight-800: #503f2f;
--color-hiker-s-delight-900: #382b1f;
--color-hiker-s-delight-950: #22180f;
}SCSS
$hiker-s-delight: #d2b395;
$hiker-s-delight-rgb: 210, 179, 149;
$hiker-s-delight-light: mix(#fff, $hiker-s-delight, 20%);
$hiker-s-delight-dark: mix(#000, $hiker-s-delight, 20%);
.element {
color: $hiker-s-delight;
box-shadow: 0 0 0 2px rgba($hiker-s-delight, 0.35);
}