Color con nombre más cercano · #E9B4D4
#E9B4D4
Color con nombre más cercano: Soft Cashmere
#E9B4D4 (rgb(233 180 212), hsl(324 55% 81%), oklch(0.827 0.074 342)) se parece más al color con nombre Soft Cashmere. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E9B4D4
oklch(0.827 0.074 342)
Conversiones de color
- HEX
- #e9b4d4
- RGB
- rgb(233 180 212)
- HSL
- hsl(324 55% 81%)
- HWB
- hwb(324 71% 9%)
- OKLCH
- oklch(0.827 0.074 342)
- OKLab
- oklab(0.827 0.07 -0.023)
- CIE Lab
- lab(78.95 23.51 -8.4)
- LCH
- lch(78.95 24.97 340.3)
- CMYK
- cmyk(0% 23% 9% 9%)
Tintes · Sombras · Tonos
Tintes
- ECBBD8
- EEC3DD
- F0CAE1
- F3D2E5
- F5D9E9
- F7E1EE
- F9E8F2
- FBF0F6
- FDF7FB
Sombras
- CB9CB8
- AD859D
- 906E83
- 745869
- 5A4451
- 41303A
- 291D24
- 130C10
- 030202
Tonos
- DEAFCB
- D4AAC3
- C9A4BA
- BE9FB2
- B49AA9
- A995A1
- 9F9098
- 958A90
- 8A8588
Armonías de color
Complementario +180°
- E9B4D4
Soft Cashmere
- 9BD6B8
≈ Nihilakh Oxide
Análogo -30° +30°
- E9B4D4
Soft Cashmere
- D7B9EA
≈ Pretty Petunia
- F2B3BA
≈ Powder Rose
Triádico +120° +240°
- E9B4D4
Soft Cashmere
- D0C991
≈ Dusty Yellow
- 90D2E9
≈ Slightly Spritzig
Complementario dividido +150° +210°
- E9B4D4
Soft Cashmere
- B5D19F
≈ Apium
- 8CD6D3
≈ Sea Wave
Tetrádico +90° +180° +270°
- E9B4D4
Soft Cashmere
- E5BF92
≈ Laksa
- 9BD6B8
≈ Nihilakh Oxide
- A4CAF6
≈ Baby Blue Eyes
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 11.94:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--soft-cashmere: #e9b4d4;
--soft-cashmere-rgb: 233 180 212;
--soft-cashmere-oklch: oklch(0.827 0.074 342);
}
.element {
color: var(--soft-cashmere);
background-color: hsl(324 55% 81%);
border-color: oklch(0.827 0.074 342);
}Tailwind CSS v4
@theme {
--color-soft-cashmere: #e9b4d4;
--color-soft-cashmere-50: #ffedfa;
--color-soft-cashmere-100: #fbdfee;
--color-soft-cashmere-200: #ecc8dc;
--color-soft-cashmere-300: #d4a9c1;
--color-soft-cashmere-400: #be8dab;
--color-soft-cashmere-500: #a87394;
--color-soft-cashmere-600: #8e617d;
--color-soft-cashmere-700: #724e64;
--color-soft-cashmere-800: #54384a;
--color-soft-cashmere-900: #3a2634;
--color-soft-cashmere-950: #24151f;
}SCSS
$soft-cashmere: #e9b4d4;
$soft-cashmere-rgb: 233, 180, 212;
$soft-cashmere-light: mix(#fff, $soft-cashmere, 20%);
$soft-cashmere-dark: mix(#000, $soft-cashmere, 20%);
.element {
color: $soft-cashmere;
box-shadow: 0 0 0 2px rgba($soft-cashmere, 0.35);
}