Nazwany kolor · #E5D8E1
Wine Frost
Wine Frost to #E5D8E1: rgb(229 216 225), hsl(318 20% 87%), oklch(0.895 0.019 336.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wine Frost color name →
#E5D8E1
oklch(0.895 0.019 336.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DCE4
- EAE0E7
- EDE4EA
- EFE7ED
- F2EBF0
- F5EFF3
- F7F3F6
- FAF7F9
- FCFBFC
Odcienie ciemniejsze
- C7BCC4
- AAA0A7
- 8E858B
- 726B70
- 585356
- 3F3B3E
- 282527
- 121112
- 030202
Tony
- DACFD7
- D0C6CD
- C6BDC3
- BBB4B9
- B1ABAF
- A7A2A6
- 9D9A9C
- 939193
- 8A8889
Harmonie kolorów
Komplementarna +180°
- E5D8E1
Wine Frost
- D3E0D7
≈ Sentinel
Analogowa -30° +30°
- E5D8E1
Wine Frost
- DFD9E6
≈ Inspired Lilac
- E8D8DA
≈ Diminished Red
Triada +120° +240°
- E5D8E1
Wine Frost
- E0DDCF
≈ Bleached Beige
- D0E0E4
≈ Cool Sky
Komplementarna rozszczepiona +150° +210°
- E5D8E1
Wine Frost
- D9DFD2
≈ Sage Tint
- D0E1DE
≈ Mountain Dew
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.24:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}