Nearest named color · #E9B5DB
#E9B5DB
Nearest named color: Rosecco
#E9B5DB (rgb(233 181 219), hsl(316 54% 81%), oklch(0.831 0.078 336.2)) is closest to the named color Rosecco. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E9B5DB
oklch(0.831 0.078 336.2)
Color conversions
- HEX
- #e9b5db
- RGB
- rgb(233 181 219)
- HSL
- hsl(316 54% 81%)
- HWB
- hwb(316 71% 9%)
- OKLCH
- oklch(0.831 0.078 336.2)
- OKLab
- oklab(0.831 0.071 -0.031)
- CIE Lab
- lab(79.36 23.9 -11.57)
- LCH
- lch(79.36 26.55 334.2)
- CMYK
- cmyk(0% 22% 6% 9%)
Tints · Shades · Tones
Tints
- ECBCDF
- EEC4E2
- F0CBE6
- F3D2E9
- F5DAED
- F7E1F1
- F9E9F4
- FBF0F8
- FDF8FB
Shades
- CB9DBE
- AD86A2
- 906F87
- 74596D
- 5A4454
- 41303C
- 291D26
- 130C11
- 030202
Tones
- DEB0D2
- D3AAC8
- C9A5BF
- BEA0B6
- B49AAD
- A995A3
- 9F909A
- 958B92
- 8A8589
Color harmonies
Complementary +180°
- E9B5DB
Rosecco
- 9FD7B3
≈ Nihilakh Oxide
Analogous -30° +30°
- E9B5DB
Rosecco
- D4BBF0
≈ Connecticut Lilac
- F5B3C0
≈ Ibis
Triadic +120° +240°
- E9B5DB
Rosecco
- D6C88E
≈ Golden Mist
- 8BD5E8
≈ July
Split-complementary +150° +210°
- E9B5DB
Rosecco
- BBD19B
≈ Fava Bean
- 8BD9CF
≈ Island Breeze
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.73:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.09:1 · APCA Lc 71
Best text color: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--rosecco: #e9b5db;
--rosecco-rgb: 233 181 219;
--rosecco-oklch: oklch(0.831 0.078 336.2);
}
.element {
color: var(--rosecco);
background-color: hsl(316 54% 81%);
border-color: oklch(0.831 0.078 336.2);
}Tailwind CSS v4
@theme {
--color-rosecco: #e9b5db;
--color-rosecco-50: #ffedfd;
--color-rosecco-100: #fadef1;
--color-rosecco-200: #ebc8e0;
--color-rosecco-300: #d3a9c5;
--color-rosecco-400: #bc8db0;
--color-rosecco-500: #a7729a;
--color-rosecco-600: #8d6182;
--color-rosecco-700: #714d68;
--color-rosecco-800: #53384d;
--color-rosecco-900: #3a2636;
--color-rosecco-950: #241521;
}SCSS
$rosecco: #e9b5db;
$rosecco-rgb: 233, 181, 219;
$rosecco-light: mix(#fff, $rosecco, 20%);
$rosecco-dark: mix(#000, $rosecco, 20%);
.element {
color: $rosecco;
box-shadow: 0 0 0 2px rgba($rosecco, 0.35);
}