Named color · #E2E8DF
Spider Cotton
Spider Cotton is #E2E8DF: rgb(226 232 223), hsl(100 16% 89%), oklch(0.924 0.014 134.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Spider Cotton color name →
#E2E8DF
oklch(0.924 0.014 134.9)
Color conversions
- HEX
- #e2e8df
- RGB
- rgb(226 232 223)
- HSL
- hsl(100 16% 89%)
- HWB
- hwb(100 87% 9%)
- OKLCH
- oklch(0.924 0.014 134.9)
- OKLab
- oklab(0.924 -0.01 0.01)
- CIE Lab
- lab(91.34 -3.28 3.65)
- LCH
- lch(91.34 4.91 131.9)
- CMYK
- cmyk(3% 0% 4% 9%)
Tints · Shades · Tones
Tints
- E5EAE2
- E8EDE5
- EBEFE9
- EEF1EC
- F0F3EF
- F3F6F2
- F6F8F5
- F9FAF9
- FCFDFC
Shades
- C4CAC2
- A8ACA5
- 8C908A
- 71746F
- 575956
- 3E403D
- 272927
- 121312
- 030302
Tones
- D8DDD5
- CED2CB
- C4C8C2
- BABDB8
- B0B3AE
- A6A8A5
- 9C9E9B
- 939492
- 898A89
Color harmonies
Complementary +180°
- E2E8DF
Spider Cotton
- E9E3EC
≈ Modest Violet
Analogous -30° +30°
- E2E8DF
Spider Cotton
- E7E6DC
≈ Irish Mist
- DEE9E3
≈ Frosty Pink
Triadic +120° +240°
- E2E8DF
Spider Cotton
- E0E6EF
≈ Radiant Moon
- EFE2E3
≈ Dulcet Pink
Split-complementary +150° +210°
- E2E8DF
Spider Cotton
- E4E5EF
≈ Ghostly Tuna
- EDE2E8
≈ Dream Dust
Tetradic +90° +180° +270°
- E2E8DF
Spider Cotton
- DDE8ED
≈ Moby Dick
- E9E3EC
≈ Modest Violet
- EEE3DF
≈ Glossy Kiss
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.84:1 · APCA Lc 92
Best text color: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--spider-cotton: #e2e8df;
--spider-cotton-rgb: 226 232 223;
--spider-cotton-oklch: oklch(0.924 0.014 134.9);
}
.element {
color: var(--spider-cotton);
background-color: hsl(100 16% 89%);
border-color: oklch(0.924 0.014 134.9);
}Tailwind CSS v4
@theme {
--color-spider-cotton: #e2e8df;
--color-spider-cotton-50: #f3f6f2;
--color-spider-cotton-100: #e6e9e4;
--color-spider-cotton-200: #d1d6d0;
--color-spider-cotton-300: #b4b9b2;
--color-spider-cotton-400: #9ba098;
--color-spider-cotton-500: #82887f;
--color-spider-cotton-600: #6e736c;
--color-spider-cotton-700: #585c56;
--color-spider-cotton-800: #40433f;
--color-spider-cotton-900: #2c2f2b;
--color-spider-cotton-950: #1a1b18;
}SCSS
$spider-cotton: #e2e8df;
$spider-cotton-rgb: 226, 232, 223;
$spider-cotton-light: mix(#fff, $spider-cotton, 20%);
$spider-cotton-dark: mix(#000, $spider-cotton, 20%);
.element {
color: $spider-cotton;
box-shadow: 0 0 0 2px rgba($spider-cotton, 0.35);
}