Benannte Farbe · #E0DEE3
February Frost
February Frost ist #E0DEE3: rgb(224 222 227), hsl(264 8% 88%), oklch(0.904 0.007 304.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · February Frost color name →
#E0DEE3
oklch(0.904 0.007 304.2)
Farbumrechnungen
- HEX
- #e0dee3
- RGB
- rgb(224 222 227)
- HSL
- hsl(264 8% 88%)
- HWB
- hwb(264 87% 11%)
- OKLCH
- oklch(0.904 0.007 304.2)
- OKLab
- oklab(0.904 0.004 -0.006)
- CIE Lab
- lab(88.74 1.37 -2.2)
- LCH
- lch(88.74 2.6 302)
- CMYK
- cmyk(1% 2% 0% 11%)
Tints · Shades · Tones
Tints
- E3E1E6
- E6E5E9
- E9E8EB
- ECEBEE
- EFEEF1
- F3F2F4
- F6F5F7
- F9F8F9
- FCFCFC
Shades
- C3C1C5
- A6A5A8
- 8A898C
- 706F71
- 565557
- 3E3D3F
- 272627
- 121212
- 020203
Tones
- D6D4D9
- CCCACE
- C2C1C4
- B8B7BA
- AFAEB0
- A5A4A6
- 9C9B9D
- 929293
- 898989
Farbharmonien
Komplementär +180°
- E0DEE3
February Frost
- DEE0DB
≈ White Bullet
Analog -30° +30°
- E0DEE3
February Frost
- DDDFE4
≈ Terminator Chrome
- E2DDE1
≈ Rusty Pebble
Triadisch +120° +240°
- E0DEE3
February Frost
- E3DEDA
≈ Prelude to Pink
- DAE1E0
≈ Topsail
Geteilt komplementär +150° +210°
- E0DEE3
February Frost
- E0DFDA
≈ White Bullet
- DCE1DD
≈ Tinsmith
Tetradisch +90° +180° +270°
- E0DEE3
February Frost
- E4DEDC
≈ Cumberland Sausage
- DEE0DB
≈ White Bullet
- DAE0E2
≈ Drifting Cloud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.72:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--february-frost: #e0dee3;
--february-frost-rgb: 224 222 227;
--february-frost-oklch: oklch(0.904 0.007 304.2);
}
.element {
color: var(--february-frost);
background-color: hsl(264 8% 88%);
border-color: oklch(0.904 0.007 304.2);
}Tailwind CSS v4
@theme {
--color-february-frost: #e0dee3;
--color-february-frost-50: #f5f5f7;
--color-february-frost-100: #e8e7ea;
--color-february-frost-200: #d5d3d7;
--color-february-frost-300: #b8b6ba;
--color-february-frost-400: #9f9da2;
--color-february-frost-500: #87858a;
--color-february-frost-600: #727175;
--color-february-frost-700: #5b5a5d;
--color-february-frost-800: #434244;
--color-february-frost-900: #2e2d2f;
--color-february-frost-950: #1b1a1c;
}SCSS
$february-frost: #e0dee3;
$february-frost-rgb: 224, 222, 227;
$february-frost-light: mix(#fff, $february-frost, 20%);
$february-frost-dark: mix(#000, $february-frost, 20%);
.element {
color: $february-frost;
box-shadow: 0 0 0 2px rgba($february-frost, 0.35);
}