Colore con nome · #D0C383
Winter Hazel
Winter Hazel è #D0C383: rgb(208 195 131), hsl(50 45% 66%), oklch(0.813 0.084 98.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Winter Hazel color name →
#D0C383
oklch(0.813 0.084 98.1)
Conversioni di colore
- HEX
- #d0c383
- RGB
- rgb(208 195 131)
- HSL
- hsl(50 45% 66%)
- HWB
- hwb(50 51% 18%)
- OKLCH
- oklch(0.813 0.084 98.1)
- OKLab
- oklab(0.813 -0.012 0.083)
- CIE Lab
- lab(78.77 -2.12 33.93)
- LCH
- lch(78.77 33.99 93.6)
- CMYK
- cmyk(0% 6% 37% 18%)
Tinte · Ombre · Toni
Tinte
- D5C990
- D9CF9C
- DED5A9
- E2DBB5
- E7E1C2
- ECE7CE
- F1EDDA
- F5F3E6
- FAF9F3
Ombre
- B5A971
- 9A9060
- 80784F
- 67603F
- 4F4A2F
- 393420
- 232012
- 100E06
- 020201
Toni
- C8BC83
- BFB584
- B7AF84
- AFA884
- A7A183
- 9F9A83
- 979482
- 8F8D82
- 888781
Armonie di colore
Complementare +180°
- D0C383
Winter Hazel
- B5BDF9
≈ Purple Illusion
Analogo -30° +30°
- D0C383
Winter Hazel
- E7B886
≈ Mom’s Apple Pie
- B2CD92
≈ Marsh Fern
Triadico +120° +240°
- D0C383
Winter Hazel
- 80D0E6
≈ Summer Splash
- E7ADD5
≈ Flower Power
Complementare divisa +150° +210°
- D0C383
Winter Hazel
- 97C7F6
≈ Sail to the Sea
- D1B4EC
≈ Connecticut Lilac
Tetradico +90° +180° +270°
- D0C383
Winter Hazel
- 7ED4CC
≈ Water Wings
- B5BDF9
≈ Purple Illusion
- F2ACB7
≈ Almond Blossom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.81:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--winter-hazel: #d0c383;
--winter-hazel-rgb: 208 195 131;
--winter-hazel-oklch: oklch(0.813 0.084 98.1);
}
.element {
color: var(--winter-hazel);
background-color: hsl(50 45% 66%);
border-color: oklch(0.813 0.084 98.1);
}Tailwind CSS v4
@theme {
--color-winter-hazel: #d0c383;
--color-winter-hazel-50: #faf6db;
--color-winter-hazel-100: #eee9c9;
--color-winter-hazel-200: #dcd6ad;
--color-winter-hazel-300: #c1b987;
--color-winter-hazel-400: #ab9f64;
--color-winter-hazel-500: #958740;
--color-winter-hazel-600: #7e7237;
--color-winter-hazel-700: #655b2c;
--color-winter-hazel-800: #4b421e;
--color-winter-hazel-900: #342e14;
--color-winter-hazel-950: #1f1a06;
}SCSS
$winter-hazel: #d0c383;
$winter-hazel-rgb: 208, 195, 131;
$winter-hazel-light: mix(#fff, $winter-hazel, 20%);
$winter-hazel-dark: mix(#000, $winter-hazel, 20%);
.element {
color: $winter-hazel;
box-shadow: 0 0 0 2px rgba($winter-hazel, 0.35);
}