Named color · #E1EAEC
Plaster Cast
Plaster Cast is #E1EAEC: rgb(225 234 236), hsl(191 22% 90%), oklch(0.931 0.01 212.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Plaster Cast color name →
#E1EAEC
oklch(0.931 0.01 212.5)
Color conversions
- HEX
- #e1eaec
- RGB
- rgb(225 234 236)
- HSL
- hsl(191 22% 90%)
- HWB
- hwb(191 88% 7%)
- OKLCH
- oklch(0.931 0.01 212.5)
- OKLab
- oklab(0.931 -0.008 -0.005)
- CIE Lab
- lab(92.05 -2.83 -2.07)
- LCH
- lch(92.05 3.51 216.2)
- CMYK
- cmyk(5% 1% 0% 7%)
Tints · Shades · Tones
Tints
- E4ECEE
- E7EEF0
- EAF0F2
- EDF2F4
- F0F4F5
- F3F7F7
- F6F9F9
- F9FBFB
- FCFDFD
Shades
- C4CBCD
- A7AEAF
- 8B9192
- 707576
- 565A5B
- 3E4142
- 272929
- 121313
- 020303
Tones
- D7DFE1
- CDD4D5
- C3C9CA
- B9BEBF
- AFB4B4
- A6A9AA
- 9C9F9F
- 939495
- 898A8A
Color harmonies
Complementary +180°
- E1EAEC
Plaster Cast
- EFE6E4
≈ Whisper
Analogous -30° +30°
- E1EAEC
Plaster Cast
- E1EAE9
≈ Clear View
- E3E9EE
≈ Bellflower Blue
Triadic +120° +240°
- E1EAEC
Plaster Cast
- ECE6EB
≈ Wedding
- EAE8E1
≈ Thousand Shells
Split-complementary +150° +210°
- E1EAEC
Plaster Cast
- EEE5E7
≈ Lavender Pearl
- EDE7E1
≈ Desert Storm
Tetradic +90° +180° +270°
- E1EAEC
Plaster Cast
- E9E7EE
≈ Cool Frost
- EFE6E4
≈ Whisper
- E7E9E2
≈ Spoonful of Sugar
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.18:1 · APCA Lc 93
Best text color: #000000
WCAG 17.18:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--plaster-cast: #e1eaec;
--plaster-cast-rgb: 225 234 236;
--plaster-cast-oklch: oklch(0.931 0.01 212.5);
}
.element {
color: var(--plaster-cast);
background-color: hsl(191 22% 90%);
border-color: oklch(0.931 0.01 212.5);
}Tailwind CSS v4
@theme {
--color-plaster-cast: #e1eaec;
--color-plaster-cast-50: #f2f6f7;
--color-plaster-cast-100: #e4e9ea;
--color-plaster-cast-200: #d0d5d7;
--color-plaster-cast-300: #b2b9ba;
--color-plaster-cast-400: #98a0a2;
--color-plaster-cast-500: #7f888a;
--color-plaster-cast-600: #6c7375;
--color-plaster-cast-700: #565c5d;
--color-plaster-cast-800: #3f4344;
--color-plaster-cast-900: #2b2e2f;
--color-plaster-cast-950: #181b1c;
}SCSS
$plaster-cast: #e1eaec;
$plaster-cast-rgb: 225, 234, 236;
$plaster-cast-light: mix(#fff, $plaster-cast, 20%);
$plaster-cast-dark: mix(#000, $plaster-cast, 20%);
.element {
color: $plaster-cast;
box-shadow: 0 0 0 2px rgba($plaster-cast, 0.35);
}