Named color · #E4ADD3
Pink Plunge
Pink Plunge is #E4ADD3: rgb(228 173 211), hsl(319 50% 79%), oklch(0.81 0.081 338.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pink Plunge color name →
#E4ADD3
oklch(0.81 0.081 338.1)
Color conversions
- HEX
- #e4add3
- RGB
- rgb(228 173 211)
- HSL
- hsl(319 50% 79%)
- HWB
- hwb(319 68% 11%)
- OKLCH
- oklch(0.81 0.081 338.1)
- OKLab
- oklab(0.81 0.075 -0.03)
- CIE Lab
- lab(76.78 25.15 -11.12)
- LCH
- lch(76.78 27.5 336.1)
- CMYK
- cmyk(0% 24% 7% 11%)
Tints · Shades · Tones
Tints
- E7B5D7
- EABDDC
- EDC5E0
- F0CEE5
- F2D6E9
- F5DEED
- F8E6F2
- FAEEF6
- FDF7FB
Shades
- C696B7
- A97F9C
- 8D6A82
- 725569
- 584151
- 3F2D3A
- 281B24
- 120B10
- 030102
Tones
- DAA9CA
- D0A4C2
- C5A0B9
- BB9BB1
- B197A9
- A792A0
- 9E8E98
- 948990
- 8A8588
Color harmonies
Complementary +180°
- E4ADD3
Pink Plunge
- 94D1AD
≈ Heath Green
Analogous -30° +30°
- E4ADD3
Pink Plunge
- CFB3EA
≈ Connecticut Lilac
- EFABB7
≈ Almond Blossom
Triadic +120° +240°
- E4ADD3
Pink Plunge
- CEC285
≈ Winter Hazel
- 82CEE4
≈ Summer Splash
Split-complementary +150° +210°
- E4ADD3
Pink Plunge
- B2CB93
≈ Garden Spot
- 81D2CA
≈ Water Wings
Tetradic +90° +180° +270°
- E4ADD3
Pink Plunge
- E4B788
≈ Bundle of Wheat
- 94D1AD
≈ Heath Green
- 97C6F3
≈ Sail to the Sea
Contrast & accessibility
Ag
FailOn white
WCAG 1.87:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.21:1 · APCA Lc 67
Best text color: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--pink-plunge: #e4add3;
--pink-plunge-rgb: 228 173 211;
--pink-plunge-oklch: oklch(0.81 0.081 338.1);
}
.element {
color: var(--pink-plunge);
background-color: hsl(319 50% 79%);
border-color: oklch(0.81 0.081 338.1);
}Tailwind CSS v4
@theme {
--color-pink-plunge: #e4add3;
--color-pink-plunge-50: #ffedfc;
--color-pink-plunge-100: #fcdef0;
--color-pink-plunge-200: #edc7df;
--color-pink-plunge-300: #d5a8c4;
--color-pink-plunge-400: #be8caf;
--color-pink-plunge-500: #a97199;
--color-pink-plunge-600: #8f6081;
--color-pink-plunge-700: #734c67;
--color-pink-plunge-800: #54374d;
--color-pink-plunge-900: #3b2636;
--color-pink-plunge-950: #251421;
}SCSS
$pink-plunge: #e4add3;
$pink-plunge-rgb: 228, 173, 211;
$pink-plunge-light: mix(#fff, $pink-plunge, 20%);
$pink-plunge-dark: mix(#000, $pink-plunge, 20%);
.element {
color: $pink-plunge;
box-shadow: 0 0 0 2px rgba($pink-plunge, 0.35);
}