Named color · #E1C6D4
Etcetera
Etcetera is #E1C6D4: rgb(225 198 212), hsl(329 31% 83%), oklch(0.853 0.036 345.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Etcetera color name →
#E1C6D4
oklch(0.853 0.036 345.2)
Color conversions
- HEX
- #e1c6d4
- RGB
- rgb(225 198 212)
- HSL
- hsl(329 31% 83%)
- HWB
- hwb(329 78% 12%)
- OKLCH
- oklch(0.853 0.036 345.2)
- OKLab
- oklab(0.853 0.034 -0.009)
- CIE Lab
- lab(82.5 11.58 -3.33)
- LCH
- lch(82.5 12.04 344)
- CMYK
- cmyk(0% 12% 6% 12%)
Tints · Shades · Tones
Tints
- E4CCD8
- E7D1DC
- EAD7E1
- EDDDE5
- F0E2E9
- F3E8EE
- F6EEF2
- F9F3F6
- FCF9FB
Shades
- C4ACB8
- A7929D
- 8B7A83
- 706269
- 564B51
- 3E353A
- 272124
- 120E10
- 020202
Tones
- D7BFCB
- CDB8C3
- C3B0BA
- B9A9B1
- AFA2A9
- A69BA1
- 9C9498
- 938E90
- 898788
Color harmonies
Complementary +180°
- E1C6D4
Etcetera
- BAD7C9
≈ Malted Mint
Analogous -30° +30°
- E1C6D4
Etcetera
- D8C8DF
≈ Watercolour Grape
- E5C6C7
≈ Girl Talk
Triadic +120° +240°
- E1C6D4
Etcetera
- D2D1B6
≈ Breathe
- B7D4E1
≈ Pale Whale
Split-complementary +150° +210°
- E1C6D4
Etcetera
- C5D4BD
≈ Surf Crest
- B5D7D6
≈ Greenland Ice
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.22:1 · APCA Lc 76
Best text color: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--etcetera: #e1c6d4;
--etcetera-rgb: 225 198 212;
--etcetera-oklch: oklch(0.853 0.036 345.2);
}
.element {
color: var(--etcetera);
background-color: hsl(329 31% 83%);
border-color: oklch(0.853 0.036 345.2);
}Tailwind CSS v4
@theme {
--color-etcetera: #e1c6d4;
--color-etcetera-50: #fdf1f7;
--color-etcetera-100: #f2e3ea;
--color-etcetera-200: #e1ced7;
--color-etcetera-300: #c6b0bb;
--color-etcetera-400: #af96a3;
--color-etcetera-500: #987d8b;
--color-etcetera-600: #816a76;
--color-etcetera-700: #67555e;
--color-etcetera-800: #4c3e46;
--color-etcetera-900: #342a30;
--color-etcetera-950: #20181c;
}SCSS
$etcetera: #e1c6d4;
$etcetera-rgb: 225, 198, 212;
$etcetera-light: mix(#fff, $etcetera, 20%);
$etcetera-dark: mix(#000, $etcetera, 20%);
.element {
color: $etcetera;
box-shadow: 0 0 0 2px rgba($etcetera, 0.35);
}