Named color · #E2E3D8
Wisdom
Wisdom is #E2E3D8: rgb(226 227 216), hsl(65 16% 87%), oklch(0.912 0.015 110.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Wisdom color name →
#E2E3D8
oklch(0.912 0.015 110.9)
Color conversions
- HEX
- #e2e3d8
- RGB
- rgb(226 227 216)
- HSL
- hsl(65 16% 87%)
- HWB
- hwb(65 85% 11%)
- OKLCH
- oklch(0.912 0.015 110.9)
- OKLab
- oklab(0.912 -0.005 0.014)
- CIE Lab
- lab(89.93 -1.79 5.27)
- LCH
- lch(89.93 5.56 108.7)
- CMYK
- cmyk(0% 0% 5% 11%)
Tints · Shades · Tones
Tints
- E5E6DC
- E8E9E0
- EBEBE4
- EEEEE7
- F0F1EB
- F3F4EF
- F6F7F3
- F9F9F7
- FCFCFB
Shades
- C4C5BC
- A8A8A0
- 8C8C85
- 71716B
- 575753
- 3E3F3B
- 272725
- 121211
- 030302
Tones
- D8D9CF
- CECEC6
- C4C4BD
- BABAB4
- B0B0AB
- A6A6A2
- 9C9D9A
- 939391
- 898988
Color harmonies
Complementary +180°
- E2E3D8
Wisdom
- E2E0EB
≈ Homoeopathic Lilac
Analogous -30° +30°
- E2E3D8
Wisdom
- E7E1D7
≈ White Heron
- DDE5DB
≈ Watercolour White
Triadic +120° +240°
- E2E3D8
Wisdom
- D9E4EA
≈ Arctic Blizzard
- EADEE3
≈ Weak Mauve
Split-complementary +150° +210°
- E2E3D8
Wisdom
- DCE2EC
≈ Violet Extract
- E7DFE8
≈ Minified Magenta
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.21:1 · APCA Lc 89
Best text color: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--wisdom: #e2e3d8;
--wisdom-rgb: 226 227 216;
--wisdom-oklch: oklch(0.912 0.015 110.9);
}
.element {
color: var(--wisdom);
background-color: hsl(65 16% 87%);
border-color: oklch(0.912 0.015 110.9);
}Tailwind CSS v4
@theme {
--color-wisdom: #e2e3d8;
--color-wisdom-50: #f5f6f1;
--color-wisdom-100: #e8e8e3;
--color-wisdom-200: #d4d5ce;
--color-wisdom-300: #b7b8b0;
--color-wisdom-400: #9e9f96;
--color-wisdom-500: #86877c;
--color-wisdom-600: #727269;
--color-wisdom-700: #5b5c54;
--color-wisdom-800: #43433d;
--color-wisdom-900: #2e2e2a;
--color-wisdom-950: #1b1b18;
}SCSS
$wisdom: #e2e3d8;
$wisdom-rgb: 226, 227, 216;
$wisdom-light: mix(#fff, $wisdom, 20%);
$wisdom-dark: mix(#000, $wisdom, 20%);
.element {
color: $wisdom;
box-shadow: 0 0 0 2px rgba($wisdom, 0.35);
}