Named color · #E6CEE6
Footie Pyjamas
Footie Pyjamas is #E6CEE6: rgb(230 206 230), hsl(300 32% 85%), oklch(0.878 0.042 325.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Footie Pyjamas color name →
#E6CEE6
oklch(0.878 0.042 325.9)
Color conversions
- HEX
- #e6cee6
- RGB
- rgb(230 206 230)
- HSL
- hsl(300 32% 85%)
- HWB
- hwb(300 81% 10%)
- OKLCH
- oklch(0.878 0.042 325.9)
- OKLab
- oklab(0.878 0.034 -0.023)
- CIE Lab
- lab(85.33 11.75 -8.68)
- LCH
- lch(85.33 14.61 323.6)
- CMYK
- cmyk(0% 10% 0% 10%)
Tints · Shades · Tones
Tints
- E9D3E9
- EBD8EB
- EEDDEE
- F0E1F0
- F3E6F3
- F5EBF5
- F8F0F8
- FAF5FA
- FDFAFD
Shades
- C8B3C8
- AB98AB
- 8E7F8E
- 736673
- 594E59
- 403840
- 282328
- 130F13
- 030203
Tones
- DBC6DB
- D1BED1
- C6B6C6
- BCAEBC
- B2A6B2
- A89EA8
- 9E979D
- 948F94
- 8A888A
Color harmonies
Complementary +180°
- E6CEE6
Footie Pyjamas
- C6DFC7
≈ Spring Burst
Analogous -30° +30°
- E6CEE6
Footie Pyjamas
- D9D2F0
≈ Air Castle
- EFCCD8
≈ Smidgen of Love
Triadic +120° +240°
- E6CEE6
Footie Pyjamas
- E3D6B9
≈ Yellowstone Park
- B8DFE4
≈ Basin Blue
Split-complementary +150° +210°
- E6CEE6
Footie Pyjamas
- D5DBBC
≈ Breezeway
- BBE0D6
≈ Short Phase
Tetradic +90° +180° +270°
- E6CEE6
Footie Pyjamas
- EDD1BD
≈ Cream of Mushroom
- C6DFC7
≈ Spring Burst
- BEDCEF
≈ Twin Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOn black
WCAG 14.33:1 · APCA Lc 81
Best text color: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--footie-pyjamas: #e6cee6;
--footie-pyjamas-rgb: 230 206 230;
--footie-pyjamas-oklch: oklch(0.878 0.042 325.9);
}
.element {
color: var(--footie-pyjamas);
background-color: hsl(300 32% 85%);
border-color: oklch(0.878 0.042 325.9);
}Tailwind CSS v4
@theme {
--color-footie-pyjamas: #e6cee6;
--color-footie-pyjamas-50: #fcf1fb;
--color-footie-pyjamas-100: #f0e3ef;
--color-footie-pyjamas-200: #dfcedd;
--color-footie-pyjamas-300: #c4b0c2;
--color-footie-pyjamas-400: #ac96ac;
--color-footie-pyjamas-500: #957d95;
--color-footie-pyjamas-600: #7e6a7e;
--color-footie-pyjamas-700: #655565;
--color-footie-pyjamas-800: #4a3e4b;
--color-footie-pyjamas-900: #332a34;
--color-footie-pyjamas-950: #1f181f;
}SCSS
$footie-pyjamas: #e6cee6;
$footie-pyjamas-rgb: 230, 206, 230;
$footie-pyjamas-light: mix(#fff, $footie-pyjamas, 20%);
$footie-pyjamas-dark: mix(#000, $footie-pyjamas, 20%);
.element {
color: $footie-pyjamas;
box-shadow: 0 0 0 2px rgba($footie-pyjamas, 0.35);
}