Named color · #E0FEFE
Matterhorn Snow
Matterhorn Snow is #E0FEFE: rgb(224 254 254), hsl(180 94% 94%), oklch(0.976 0.031 196.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Matterhorn Snow color name →
#E0FEFE
oklch(0.976 0.031 196.7)
Color conversions
- HEX
- #e0fefe
- RGB
- rgb(224 254 254)
- HSL
- hsl(180 94% 94%)
- HWB
- hwb(180 88% 0%)
- OKLCH
- oklch(0.976 0.031 196.7)
- OKLab
- oklab(0.976 -0.03 -0.009)
- CIE Lab
- lab(97.49 -10.03 -3.46)
- LCH
- lch(97.49 10.61 199)
- CMYK
- cmyk(12% 0% 0% 0%)
Tints · Shades · Tones
Tints
- E3FEFE
- E6FEFE
- EAFEFE
- EDFEFE
- F0FFFF
- F3FFFF
- F6FFFF
- F9FFFF
- FCFFFF
Shades
- C3DDDD
- A6BDBD
- 8A9E9E
- 708080
- 566363
- 3E4747
- 272D2D
- 121616
- 020303
Tones
- D6F1F1
- CCE4E4
- C2D7D7
- B9CACA
- AFBDBD
- A5B1B0
- 9CA4A4
- 939898
- 898C8C
Color harmonies
Complementary +180°
- E0FEFE
Matterhorn Snow
- FFF4F4
≈ Coy
Analogous -30° +30°
- E0FEFE
Matterhorn Snow
- E4FEF2
≈ Mint Chiffon
- EDF9FF
≈ Alice Blue
Triadic +120° +240°
- E0FEFE
Matterhorn Snow
- FCF4FF
≈ Sugar Crystal
- FFF6E8
≈ Apricot Ice
Split-complementary +150° +210°
- E0FEFE
Matterhorn Snow
- FFF3F9
≈ Pinkish White
- FFF5F0
≈ Seashell
Tetradic +90° +180° +270°
- E0FEFE
Matterhorn Snow
- F6F6FF
≈ Mā White
- FFF4F4
≈ Coy
- F9F9E1
≈ Coconut Pulp
Contrast & accessibility
Ag
FailOn white
WCAG 1.06:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.77:1 · APCA Lc 103
Best text color: #000000
WCAG 19.77:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--matterhorn-snow: #e0fefe;
--matterhorn-snow-rgb: 224 254 254;
--matterhorn-snow-oklch: oklch(0.976 0.031 196.7);
}
.element {
color: var(--matterhorn-snow);
background-color: hsl(180 94% 94%);
border-color: oklch(0.976 0.031 196.7);
}Tailwind CSS v4
@theme {
--color-matterhorn-snow: #e0fefe;
--color-matterhorn-snow-50: #ecf8f8;
--color-matterhorn-snow-100: #ddebec;
--color-matterhorn-snow-200: #c6d9d9;
--color-matterhorn-snow-300: #a6bdbd;
--color-matterhorn-snow-400: #8aa4a5;
--color-matterhorn-snow-500: #6f8d8d;
--color-matterhorn-snow-600: #5e7777;
--color-matterhorn-snow-700: #4b5f5f;
--color-matterhorn-snow-800: #364646;
--color-matterhorn-snow-900: #253030;
--color-matterhorn-snow-950: #131d1c;
}SCSS
$matterhorn-snow: #e0fefe;
$matterhorn-snow-rgb: 224, 254, 254;
$matterhorn-snow-light: mix(#fff, $matterhorn-snow, 20%);
$matterhorn-snow-dark: mix(#000, $matterhorn-snow, 20%);
.element {
color: $matterhorn-snow;
box-shadow: 0 0 0 2px rgba($matterhorn-snow, 0.35);
}