Colore con nome · #D2B395
Hiker’s Delight
Hiker’s Delight è #D2B395: rgb(210 179 149), hsl(30 40% 70%), oklch(0.786 0.054 66). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hiker’s Delight color name →
#D2B395
oklch(0.786 0.054 66)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D7BA9F
- DBC2AA
- E0C9B4
- E4D1BF
- E9D9C9
- EDE0D4
- F2E8DF
- F6F0E9
- FBF7F4
Ombre
- B69B81
- 9B846D
- 816E5A
- 685848
- 504337
- 392F26
- 241D16
- 100C08
- 020101
Toni
- CAAE93
- C1A991
- B9A48F
- B19E8D
- A8998B
- A09489
- 988F87
- 908A84
- 888582
Armonie di colore
Complementare +180°
- D2B395
Hiker’s Delight
- 9DBEDB
≈ Ice Cave
Analogo -30° +30°
- D2B395
Hiker’s Delight
- DAAEA2
≈ Montezuma’s Castle
- C3BA92
≈ Earth Friendly
Triadico +120° +240°
- D2B395
Hiker’s Delight
- 92C5BE
≈ Enchanted Isle
- C2B1D6
≈ Moonraker
Complementare divisa +150° +210°
- D2B395
Hiker’s Delight
- 92C3D0
≈ Cosmic Blue
- AFB7DD
≈ Sassy Violet
Tetradico +90° +180° +270°
- D2B395
Hiker’s Delight
- 9EC4AB
≈ Mini Green
- 9DBEDB
≈ Ice Cave
- D1ADC7
≈ Heart to Heart
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.62:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.62:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
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);
}