Named color · #E7C3E7
Prom Corsage
Prom Corsage is #E7C3E7: rgb(231 195 231), hsl(300 43% 84%), oklch(0.859 0.063 326.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Prom Corsage color name →
#E7C3E7
oklch(0.859 0.063 326.1)
Color conversions
- HEX
- #e7c3e7
- RGB
- rgb(231 195 231)
- HSL
- hsl(300 43% 84%)
- HWB
- hwb(300 76% 9%)
- OKLCH
- oklch(0.859 0.063 326.1)
- OKLab
- oklab(0.859 0.052 -0.035)
- CIE Lab
- lab(82.78 17.74 -12.95)
- LCH
- lch(82.78 21.96 323.9)
- CMYK
- cmyk(0% 16% 0% 9%)
Tints · Shades · Tones
Tints
- EAC9E9
- ECCFEC
- EED5EE
- F1DBF1
- F3E1F3
- F6E7F6
- F8EDF8
- FAF3FA
- FDF9FD
Shades
- C9A9C9
- AB90AB
- 8F788F
- 736073
- 594A59
- 403440
- 282028
- 130E13
- 030203
Tones
- DCBCDC
- D2B5D2
- C7AFC7
- BDA8BD
- B2A1B2
- A89AA8
- 9E949E
- 948D94
- 8A878A
Color harmonies
Complementary +180°
- E7C3E7
Prom Corsage
- B7DCB9
≈ Grasshopper Pie
Analogous -30° +30°
- E7C3E7
Prom Corsage
- D4C9F6
≈ Soap
- F4C0D2
≈ Pink Destiny
Triadic +120° +240°
- E7C3E7
Prom Corsage
- E3CFA2
≈ Lucent Yellow
- A0DDE5
≈ Charlotte
Split-complementary +150° +210°
- E7C3E7
Prom Corsage
- CED6A8
≈ Trailing Vine
- A5DFCF
≈ Meristem
Tetradic +90° +180° +270°
- E7C3E7
Prom Corsage
- F2C7AA
≈ Citrus Sachet
- B7DCB9
≈ Grasshopper Pie
- AAD8F5
≈ Blue Rice
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.35:1 · APCA Lc 77
Best text color: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--prom-corsage: #e7c3e7;
--prom-corsage-rgb: 231 195 231;
--prom-corsage-oklch: oklch(0.859 0.063 326.1);
}
.element {
color: var(--prom-corsage);
background-color: hsl(300 43% 84%);
border-color: oklch(0.859 0.063 326.1);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e7c3e7;
--color-prom-corsage-50: #ffeffe;
--color-prom-corsage-100: #f4e1f3;
--color-prom-corsage-200: #e4cbe2;
--color-prom-corsage-300: #caadc8;
--color-prom-corsage-400: #b292b3;
--color-prom-corsage-500: #9c789d;
--color-prom-corsage-600: #846684;
--color-prom-corsage-700: #6a516a;
--color-prom-corsage-800: #4d3b4f;
--color-prom-corsage-900: #362837;
--color-prom-corsage-950: #211622;
}SCSS
$prom-corsage: #e7c3e7;
$prom-corsage-rgb: 231, 195, 231;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}