Named color · #E9A9BB
Prom Pink
Prom Pink is #E9A9BB: rgb(233 169 187), hsl(343 59% 79%), oklch(0.8 0.078 0.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Prom Pink color name →
#E9A9BB
oklch(0.8 0.078 0.5)
Color conversions
- HEX
- #e9a9bb
- RGB
- rgb(233 169 187)
- HSL
- hsl(343 59% 79%)
- HWB
- hwb(343 66% 9%)
- OKLCH
- oklch(0.8 0.078 0.5)
- OKLab
- oklab(0.8 0.078 0.001)
- CIE Lab
- lab(75.81 26.13 0.57)
- LCH
- lch(75.81 26.13 1.3)
- CMYK
- cmyk(0% 27% 20% 9%)
Tints · Shades · Tones
Tints
- ECB2C2
- EEBAC8
- F1C3CF
- F3CBD6
- F6D4DD
- F8DCE3
- FAE5EA
- FCEEF1
- FDF6F8
Shades
- CB92A2
- AD7C8A
- 906773
- 74535C
- 5A3F46
- 412C32
- 291B1F
- 130A0D
- 030102
Tones
- DEA5B5
- D4A1AF
- C99DA9
- BF99A3
- B4959D
- AA9197
- 9F8C91
- 95888B
- 8A8486
Color harmonies
Complementary +180°
- E9A9BB
Prom Pink
- 83CFC0
≈ Blue Frosting
Analogous -30° +30°
- E9A9BB
Prom Pink
- DCACD6
≈ Bff
- ECABA0
≈ Soft Salmon
Triadic +120° +240°
- E9A9BB
Prom Pink
- B6C68D
≈ Marsh Fern
- 90C5EC
≈ Wasurenagusa Blue
Split-complementary +150° +210°
- E9A9BB
Prom Pink
- 99CDA4
≈ Garden Goddess
- 7FCCDA
≈ Spray
Tetradic +90° +180° +270°
- E9A9BB
Prom Pink
- D1BC83
≈ Independent Gold
- 83CFC0
≈ Blue Frosting
- AABCF1
≈ Perano
Contrast & accessibility
Ag
FailOn white
WCAG 1.93:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.85:1 · APCA Lc 65
Best text color: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--prom-pink: #e9a9bb;
--prom-pink-rgb: 233 169 187;
--prom-pink-oklch: oklch(0.8 0.078 0.5);
}
.element {
color: var(--prom-pink);
background-color: hsl(343 59% 79%);
border-color: oklch(0.8 0.078 0.5);
}Tailwind CSS v4
@theme {
--color-prom-pink: #e9a9bb;
--color-prom-pink-50: #ffecf3;
--color-prom-pink-100: #ffdee5;
--color-prom-pink-200: #f2c7d1;
--color-prom-pink-300: #dba7b4;
--color-prom-pink-400: #c68b9c;
--color-prom-pink-500: #b17083;
--color-prom-pink-600: #965f6f;
--color-prom-pink-700: #784c59;
--color-prom-pink-800: #593742;
--color-prom-pink-900: #3e252d;
--color-prom-pink-950: #27141a;
}SCSS
$prom-pink: #e9a9bb;
$prom-pink-rgb: 233, 169, 187;
$prom-pink-light: mix(#fff, $prom-pink, 20%);
$prom-pink-dark: mix(#000, $prom-pink, 20%);
.element {
color: $prom-pink;
box-shadow: 0 0 0 2px rgba($prom-pink, 0.35);
}