Benannte Farbe · #E0E7E0
Winter Veil
Winter Veil ist #E0E7E0: rgb(224 231 224), hsl(120 13% 89%), oklch(0.921 0.012 145.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Veil color name →
#E0E7E0
oklch(0.921 0.012 145.5)
Farbumrechnungen
- HEX
- #e0e7e0
- RGB
- rgb(224 231 224)
- HSL
- hsl(120 13% 89%)
- HWB
- hwb(120 88% 9%)
- OKLCH
- oklch(0.921 0.012 145.5)
- OKLab
- oklab(0.921 -0.01 0.007)
- CIE Lab
- lab(90.96 -3.37 2.56)
- LCH
- lch(90.96 4.23 142.8)
- CMYK
- cmyk(3% 0% 3% 9%)
Tints · Shades · Tones
Tints
- E3E9E3
- E6ECE6
- E9EEE9
- ECF1EC
- EFF3EF
- F3F5F3
- F6F8F6
- F9FAF9
- FCFDFC
Shades
- C3C9C3
- A6ABA6
- 8A8F8A
- 707370
- 565956
- 3E403E
- 272827
- 121312
- 020302
Tones
- D6DCD6
- CCD2CC
- C2C7C2
- B8BCB8
- AFB2AF
- A5A8A5
- 9C9E9C
- 929492
- 898A89
Farbharmonien
Komplementär +180°
- E0E7E0
Winter Veil
- E9E2E9
≈ Violet Vogue
Analog -30° +30°
- E0E7E0
Winter Veil
- E4E6DD
≈ Crystal Brooke
- DDE8E4
≈ Sandwashed Glassshard
Triadisch +120° +240°
- E0E7E0
Winter Veil
- E1E5ED
≈ Ghostly Tuna
- EDE2E1
≈ Silica Sand
Geteilt komplementär +150° +210°
- E0E7E0
Winter Veil
- E5E3EC
≈ Soft Iris
- ECE2E5
≈ Delicacy White
Tetradisch +90° +180° +270°
- E0E7E0
Winter Veil
- DEE6EC
≈ White Frost
- E9E2E9
≈ Violet Vogue
- EBE3DD
≈ Bookworm
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.67:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--winter-veil: #e0e7e0;
--winter-veil-rgb: 224 231 224;
--winter-veil-oklch: oklch(0.921 0.012 145.5);
}
.element {
color: var(--winter-veil);
background-color: hsl(120 13% 89%);
border-color: oklch(0.921 0.012 145.5);
}Tailwind CSS v4
@theme {
--color-winter-veil: #e0e7e0;
--color-winter-veil-50: #f3f6f3;
--color-winter-veil-100: #e5e9e6;
--color-winter-veil-200: #d1d6d1;
--color-winter-veil-300: #b3b9b4;
--color-winter-veil-400: #9aa09a;
--color-winter-veil-500: #818881;
--color-winter-veil-600: #6e736e;
--color-winter-veil-700: #585c58;
--color-winter-veil-800: #404340;
--color-winter-veil-900: #2c2f2c;
--color-winter-veil-950: #191b19;
}SCSS
$winter-veil: #e0e7e0;
$winter-veil-rgb: 224, 231, 224;
$winter-veil-light: mix(#fff, $winter-veil, 20%);
$winter-veil-dark: mix(#000, $winter-veil, 20%);
.element {
color: $winter-veil;
box-shadow: 0 0 0 2px rgba($winter-veil, 0.35);
}