Benannte Farbe · #E5D8E1
Wine Frost
Wine Frost ist #E5D8E1: rgb(229 216 225), hsl(318 20% 87%), oklch(0.895 0.019 336.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wine Frost color name →
#E5D8E1
oklch(0.895 0.019 336.6)
Farbumrechnungen
- HEX
- #e5d8e1
- RGB
- rgb(229 216 225)
- HSL
- hsl(318 20% 87%)
- HWB
- hwb(318 85% 10%)
- OKLCH
- oklch(0.895 0.019 336.6)
- OKLab
- oklab(0.895 0.017 -0.007)
- CIE Lab
- lab(87.59 5.79 -2.75)
- LCH
- lch(87.59 6.41 334.6)
- CMYK
- cmyk(0% 6% 2% 10%)
Tints · Shades · Tones
Tints
- E8DCE4
- EAE0E7
- EDE4EA
- EFE7ED
- F2EBF0
- F5EFF3
- F7F3F6
- FAF7F9
- FCFBFC
Shades
- C7BCC4
- AAA0A7
- 8E858B
- 726B70
- 585356
- 3F3B3E
- 282527
- 121112
- 030202
Tones
- DACFD7
- D0C6CD
- C6BDC3
- BBB4B9
- B1ABAF
- A7A2A6
- 9D9A9C
- 939193
- 8A8889
Farbharmonien
Komplementär +180°
- E5D8E1
Wine Frost
- D3E0D7
≈ Sentinel
Analog -30° +30°
- E5D8E1
Wine Frost
- DFD9E6
≈ Inspired Lilac
- E8D8DA
≈ Diminished Red
Triadisch +120° +240°
- E5D8E1
Wine Frost
- E0DDCF
≈ Bleached Beige
- D0E0E4
≈ Cool Sky
Geteilt komplementär +150° +210°
- E5D8E1
Wine Frost
- D9DFD2
≈ Sage Tint
- D0E1DE
≈ Mountain Dew
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.24:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--wine-frost: #e5d8e1;
--wine-frost-rgb: 229 216 225;
--wine-frost-oklch: oklch(0.895 0.019 336.6);
}
.element {
color: var(--wine-frost);
background-color: hsl(318 20% 87%);
border-color: oklch(0.895 0.019 336.6);
}Tailwind CSS v4
@theme {
--color-wine-frost: #e5d8e1;
--color-wine-frost-50: #f9f3f7;
--color-wine-frost-100: #ece6ea;
--color-wine-frost-200: #dad1d7;
--color-wine-frost-300: #beb4bb;
--color-wine-frost-400: #a69aa2;
--color-wine-frost-500: #8f828b;
--color-wine-frost-600: #796e75;
--color-wine-frost-700: #61585e;
--color-wine-frost-800: #474045;
--color-wine-frost-900: #312c30;
--color-wine-frost-950: #1d191c;
}SCSS
$wine-frost: #e5d8e1;
$wine-frost-rgb: 229, 216, 225;
$wine-frost-light: mix(#fff, $wine-frost, 20%);
$wine-frost-dark: mix(#000, $wine-frost, 20%);
.element {
color: $wine-frost;
box-shadow: 0 0 0 2px rgba($wine-frost, 0.35);
}