Color con nombre · #E2D4DF
Soft Lilac
Soft Lilac es #E2D4DF: rgb(226 212 223), hsl(313 19% 86%), oklch(0.884 0.021 332.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Soft Lilac color name →
#E2D4DF
oklch(0.884 0.021 332.9)
Conversiones de color
- HEX
- #e2d4df
- RGB
- rgb(226 212 223)
- HSL
- hsl(313 19% 86%)
- HWB
- hwb(313 83% 11%)
- OKLCH
- oklch(0.884 0.021 332.9)
- OKLab
- oklab(0.884 0.019 -0.01)
- CIE Lab
- lab(86.3 6.43 -3.61)
- LCH
- lch(86.3 7.38 330.7)
- CMYK
- cmyk(0% 6% 1% 11%)
Tintes · Sombras · Tonos
Tintes
- E5D8E2
- E8DCE5
- EBE1E9
- EEE5EC
- F0E9EF
- F3EEF2
- F6F2F5
- F9F6F9
- FCFBFC
Sombras
- C4B8C2
- A89DA5
- 8C838A
- 71696F
- 575156
- 3E3A3D
- 272427
- 121012
- 030202
Tonos
- D8CBD5
- CEC3CB
- C4BAC2
- BAB1B8
- B0A9AE
- A6A1A5
- 9C989B
- 939092
- 898889
Armonías de color
Complementario +180°
- E2D4DF
Soft Lilac
- CFDDD2
≈ Aruba Aqua
Análogo -30° +30°
- E2D4DF
Soft Lilac
- DBD6E5
≈ Perfection
- E6D3D7
≈ Desert Mauve
Triádico +120° +240°
- E2D4DF
Soft Lilac
- DED9CA
≈ Stretched Canvas
- CADDE1
≈ Embellishment
Complementario dividido +150° +210°
- E2D4DF
Soft Lilac
- D6DBCC
≈ Caribbean Pleasure
- CADEDA
≈ Sunken Pool
Tetrádico +90° +180° +270°
- E2D4DF
Soft Lilac
- E4D6CB
≈ Champagne Rose
- CFDDD2
≈ Aruba Aqua
- CDDBE6
≈ Blue Me Away
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.71:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--soft-lilac: #e2d4df;
--soft-lilac-rgb: 226 212 223;
--soft-lilac-oklch: oklch(0.884 0.021 332.9);
}
.element {
color: var(--soft-lilac);
background-color: hsl(313 19% 86%);
border-color: oklch(0.884 0.021 332.9);
}Tailwind CSS v4
@theme {
--color-soft-lilac: #e2d4df;
--color-soft-lilac-50: #f9f3f7;
--color-soft-lilac-100: #ede5eb;
--color-soft-lilac-200: #dad1d8;
--color-soft-lilac-300: #bfb3bc;
--color-soft-lilac-400: #a79aa4;
--color-soft-lilac-500: #8f818c;
--color-soft-lilac-600: #796d77;
--color-soft-lilac-700: #61575f;
--color-soft-lilac-800: #474046;
--color-soft-lilac-900: #312c30;
--color-soft-lilac-950: #1d191d;
}SCSS
$soft-lilac: #e2d4df;
$soft-lilac-rgb: 226, 212, 223;
$soft-lilac-light: mix(#fff, $soft-lilac, 20%);
$soft-lilac-dark: mix(#000, $soft-lilac, 20%);
.element {
color: $soft-lilac;
box-shadow: 0 0 0 2px rgba($soft-lilac, 0.35);
}