Color con nombre más cercano · #E9B5DB
#E9B5DB
Color con nombre más cercano: Rosecco
#E9B5DB (rgb(233 181 219), hsl(316 54% 81%), oklch(0.831 0.078 336.2)) se parece más al color con nombre Rosecco. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E9B5DB
oklch(0.831 0.078 336.2)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- ECBCDF
- EEC4E2
- F0CBE6
- F3D2E9
- F5DAED
- F7E1F1
- F9E9F4
- FBF0F8
- FDF8FB
Sombras
- CB9DBE
- AD86A2
- 906F87
- 74596D
- 5A4454
- 41303C
- 291D26
- 130C11
- 030202
Tonos
- DEB0D2
- D3AAC8
- C9A5BF
- BEA0B6
- B49AAD
- A995A3
- 9F909A
- 958B92
- 8A8589
Armonías de color
Complementario +180°
- E9B5DB
Rosecco
- 9FD7B3
≈ Nihilakh Oxide
Análogo -30° +30°
- E9B5DB
Rosecco
- D4BBF0
≈ Connecticut Lilac
- F5B3C0
≈ Ibis
Triádico +120° +240°
- E9B5DB
Rosecco
- D6C88E
≈ Golden Mist
- 8BD5E8
≈ July
Complementario dividido +150° +210°
- E9B5DB
Rosecco
- BBD19B
≈ Fava Bean
- 8BD9CF
≈ Island Breeze
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.09:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
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);
}