Named color · #EEEAE2
Solid Opal
Solid Opal is #EEEAE2: rgb(238 234 226), hsl(40 26% 91%), oklch(0.938 0.012 84.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Solid Opal color name →
#EEEAE2
oklch(0.938 0.012 84.6)
Color conversions
- HEX
- #eeeae2
- RGB
- rgb(238 234 226)
- HSL
- hsl(40 26% 91%)
- HWB
- hwb(40 89% 7%)
- OKLCH
- oklch(0.938 0.012 84.6)
- OKLab
- oklab(0.938 0.001 0.011)
- CIE Lab
- lab(92.85 0.37 4.4)
- LCH
- lch(92.85 4.41 85.2)
- CMYK
- cmyk(0% 2% 5% 7%)
Tints · Shades · Tones
Tints
- F0ECE5
- F1EEE8
- F3F0EB
- F5F2EE
- F6F4F0
- F8F7F3
- FAF9F6
- FCFBF9
- FDFDFC
Shades
- CFCBC4
- B1AEA8
- 93918C
- 777571
- 5C5A57
- 42413E
- 2A2927
- 141312
- 030303
Tones
- E2DFD8
- D7D4CE
- CCC9C4
- C1BEBA
- B5B4B0
- AAA9A6
- A09F9C
- 959493
- 8A8A89
Color harmonies
Complementary +180°
- EEEAE2
Solid Opal
- E7EBF2
≈ Solitude
Analogous -30° +30°
- EEEAE2
Solid Opal
- F1E9E3
≈ Refer to the Stars
- EAEBE3
≈ Gallery White
Triadic +120° +240°
- EEEAE2
Solid Opal
- E2EDEE
≈ Bashful
- EFE8EF
≈ Greek Goddess
Split-complementary +150° +210°
- EEEAE2
Solid Opal
- E3ECF1
≈ Out Cold
- EBE9F2
≈ Diamond Cut
Tetradic +90° +180° +270°
- EEEAE2
Solid Opal
- E3EDEA
≈ Club Soda
- E7EBF2
≈ Solitude
- F1E7EB
≈ Rose Fantasy
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.50:1 · APCA Lc 94
Best text color: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--solid-opal: #eeeae2;
--solid-opal-rgb: 238 234 226;
--solid-opal-oklch: oklch(0.938 0.012 84.6);
}
.element {
color: var(--solid-opal);
background-color: hsl(40 26% 91%);
border-color: oklch(0.938 0.012 84.6);
}Tailwind CSS v4
@theme {
--color-solid-opal: #eeeae2;
--color-solid-opal-50: #f6f5f1;
--color-solid-opal-100: #e9e8e4;
--color-solid-opal-200: #d6d4cf;
--color-solid-opal-300: #bab7b1;
--color-solid-opal-400: #a19e97;
--color-solid-opal-500: #8a867e;
--color-solid-opal-600: #74716a;
--color-solid-opal-700: #5d5a55;
--color-solid-opal-800: #44423e;
--color-solid-opal-900: #2f2e2b;
--color-solid-opal-950: #1c1a18;
}SCSS
$solid-opal: #eeeae2;
$solid-opal-rgb: 238, 234, 226;
$solid-opal-light: mix(#fff, $solid-opal, 20%);
$solid-opal-dark: mix(#000, $solid-opal, 20%);
.element {
color: $solid-opal;
box-shadow: 0 0 0 2px rgba($solid-opal, 0.35);
}