Named color · #E6E3DF
Arctic Cotton
Arctic Cotton is #E6E3DF: rgb(230 227 223), hsl(34 12% 89%), oklch(0.917 0.006 75.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Arctic Cotton color name →
#E6E3DF
oklch(0.917 0.006 75.4)
Color conversions
- HEX
- #e6e3df
- RGB
- rgb(230 227 223)
- HSL
- hsl(34 12% 89%)
- HWB
- hwb(34 87% 10%)
- OKLCH
- oklch(0.917 0.006 75.4)
- OKLab
- oklab(0.917 0.002 0.006)
- CIE Lab
- lab(90.39 0.53 2.34)
- LCH
- lch(90.39 2.39 77.3)
- CMYK
- cmyk(0% 1% 3% 10%)
Tints · Shades · Tones
Tints
- E8E6E2
- EBE9E5
- EDEBE9
- F0EEEC
- F2F1EF
- F5F4F2
- F7F7F5
- FAF9F9
- FCFCFC
Shades
- C8C5C2
- ABA8A5
- 8E8C8A
- 73716F
- 595756
- 403F3D
- 282727
- 131212
- 030302
Tones
- DBD9D5
- D1CECB
- C6C4C2
- BCBAB8
- B2B0AE
- A7A6A5
- 9D9D9B
- 939392
- 8A8989
Color harmonies
Complementary +180°
- E6E3DF
Arctic Cotton
- E1E4E8
≈ Silver City
Analogous -30° +30°
- E6E3DF
Arctic Cotton
- E7E2E0
≈ Clytemnestra
- E4E4DF
≈ Felicity
Triadic +120° +240°
- E6E3DF
Arctic Cotton
- DFE5E5
≈ Moon Garden
- E5E2E6
≈ Violet Hush
Split-complementary +150° +210°
- E6E3DF
Arctic Cotton
- DFE4E7
≈ Elusive Blue
- E3E3E8
≈ Violet White
Tetradic +90° +180° +270°
- E6E3DF
Arctic Cotton
- E0E5E2
≈ Icy Bay
- E1E4E8
≈ Silver City
- E7E2E4
≈ Cooling Trend
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.41:1 · APCA Lc 90
Best text color: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--arctic-cotton: #e6e3df;
--arctic-cotton-rgb: 230 227 223;
--arctic-cotton-oklch: oklch(0.917 0.006 75.4);
}
.element {
color: var(--arctic-cotton);
background-color: hsl(34 12% 89%);
border-color: oklch(0.917 0.006 75.4);
}Tailwind CSS v4
@theme {
--color-arctic-cotton: #e6e3df;
--color-arctic-cotton-50: #f6f5f3;
--color-arctic-cotton-100: #e9e7e5;
--color-arctic-cotton-200: #d6d4d1;
--color-arctic-cotton-300: #b9b7b4;
--color-arctic-cotton-400: #a19e9a;
--color-arctic-cotton-500: #898682;
--color-arctic-cotton-600: #74716e;
--color-arctic-cotton-700: #5c5a58;
--color-arctic-cotton-800: #444240;
--color-arctic-cotton-900: #2f2e2c;
--color-arctic-cotton-950: #1b1a19;
}SCSS
$arctic-cotton: #e6e3df;
$arctic-cotton-rgb: 230, 227, 223;
$arctic-cotton-light: mix(#fff, $arctic-cotton, 20%);
$arctic-cotton-dark: mix(#000, $arctic-cotton, 20%);
.element {
color: $arctic-cotton;
box-shadow: 0 0 0 2px rgba($arctic-cotton, 0.35);
}