Named color · #E1E8E3
Glimmer
Glimmer is #E1E8E3: rgb(225 232 227), hsl(137 13% 90%), oklch(0.924 0.01 155.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Glimmer color name →
#E1E8E3
oklch(0.924 0.01 155.1)
Color conversions
- HEX
- #e1e8e3
- RGB
- rgb(225 232 227)
- HSL
- hsl(137 13% 90%)
- HWB
- hwb(137 88% 9%)
- OKLCH
- oklch(0.924 0.01 155.1)
- OKLab
- oklab(0.924 -0.009 0.004)
- CIE Lab
- lab(91.35 -3.1 1.58)
- LCH
- lch(91.35 3.48 153)
- CMYK
- cmyk(3% 0% 2% 9%)
Tints · Shades · Tones
Tints
- E4EAE6
- E7EDE9
- EAEFEB
- EDF1EE
- F0F3F1
- F3F6F4
- F6F8F7
- F9FAF9
- FCFDFC
Shades
- C4CAC5
- A7ACA8
- 8B908C
- 707471
- 565957
- 3E403F
- 272927
- 121312
- 020303
Tones
- D7DDD9
- CDD2CE
- C3C8C4
- B9BDBA
- AFB3B0
- A6A8A6
- 9C9E9D
- 939493
- 898A89
Color harmonies
Complementary +180°
- E1E8E3
Glimmer
- EAE4E9
≈ Calm Tint
Analogous -30° +30°
- E1E8E3
Glimmer
- E4E7E0
≈ White Blaze
- DFE8E7
≈ Filigree
Triadic +120° +240°
- E1E8E3
Glimmer
- E4E6ED
≈ Genteel Lavender
- ECE4E1
≈ Whimsical White
Split-complementary +150° +210°
- E1E8E3
Glimmer
- E7E4EB
≈ Iris Isle
- ECE3E5
≈ Delicacy White
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.85:1 · APCA Lc 92
Best text color: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--glimmer: #e1e8e3;
--glimmer-rgb: 225 232 227;
--glimmer-oklch: oklch(0.924 0.01 155.1);
}
.element {
color: var(--glimmer);
background-color: hsl(137 13% 90%);
border-color: oklch(0.924 0.01 155.1);
}Tailwind CSS v4
@theme {
--color-glimmer: #e1e8e3;
--color-glimmer-50: #f3f6f4;
--color-glimmer-100: #e5e9e6;
--color-glimmer-200: #d1d5d2;
--color-glimmer-300: #b3b9b5;
--color-glimmer-400: #9aa09c;
--color-glimmer-500: #818883;
--color-glimmer-600: #6d736f;
--color-glimmer-700: #575c59;
--color-glimmer-800: #404341;
--color-glimmer-900: #2c2f2d;
--color-glimmer-950: #191b1a;
}SCSS
$glimmer: #e1e8e3;
$glimmer-rgb: 225, 232, 227;
$glimmer-light: mix(#fff, $glimmer, 20%);
$glimmer-dark: mix(#000, $glimmer, 20%);
.element {
color: $glimmer;
box-shadow: 0 0 0 2px rgba($glimmer, 0.35);
}