Color con nombre · #E9DBDE
Red Emulsion
Red Emulsion es #E9DBDE: rgb(233 219 222), hsl(347 24% 89%), oklch(0.903 0.016 2.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Red Emulsion color name →
#E9DBDE
oklch(0.903 0.016 2.7)
Conversiones de color
- HEX
- #e9dbde
- RGB
- rgb(233 219 222)
- HSL
- hsl(347 24% 89%)
- HWB
- hwb(347 86% 9%)
- OKLCH
- oklch(0.903 0.016 2.7)
- OKLab
- oklab(0.903 0.016 0.001)
- CIE Lab
- lab(88.61 5.35 0.34)
- LCH
- lch(88.61 5.36 3.6)
- CMYK
- cmyk(0% 6% 5% 9%)
Tintes · Sombras · Tonos
Tintes
- EBDFE1
- EDE2E5
- F0E6E8
- F2E9EB
- F4EDEE
- F6F0F2
- F8F4F5
- FBF8F8
- FDFBFC
Sombras
- CBBEC1
- ADA2A5
- 908789
- 746D6F
- 5A5455
- 413C3D
- 292626
- 131112
- 030202
Tonos
- DED2D4
- D3C8CA
- C8BFC1
- BEB6B7
- B3ACAE
- A9A3A4
- 9E9A9B
- 949192
- 8A8989
Armonías de color
Complementario +180°
- E9DBDE
Red Emulsion
- D4E3E0
≈ Meadowsweet Mist
Análogo -30° +30°
- E9DBDE
Red Emulsion
- E6DBE4
≈ Spangle
- E9DCD8
≈ Faded Shells
Triádico +120° +240°
- E9DBDE
Red Emulsion
- DDE1D6
≈ Light Mist
- D7E1E9
≈ Harbour Light
Complementario dividido +150° +210°
- E9DBDE
Red Emulsion
- D8E2DA
≈ Night Wind
- D4E2E5
≈ April Winds
Tetrádico +90° +180° +270°
- E9DBDE
Red Emulsion
- E3DFD4
≈ Spun Wool
- D4E3E0
≈ Meadowsweet Mist
- DBDFEA
≈ Diluted Lilac
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.65:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--red-emulsion: #e9dbde;
--red-emulsion-rgb: 233 219 222;
--red-emulsion-oklch: oklch(0.903 0.016 2.7);
}
.element {
color: var(--red-emulsion);
background-color: hsl(347 24% 89%);
border-color: oklch(0.903 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-red-emulsion: #e9dbde;
--color-red-emulsion-50: #f9f3f4;
--color-red-emulsion-100: #ede6e7;
--color-red-emulsion-200: #dbd1d3;
--color-red-emulsion-300: #bfb4b6;
--color-red-emulsion-400: #a79b9d;
--color-red-emulsion-500: #908285;
--color-red-emulsion-600: #7a6e71;
--color-red-emulsion-700: #61585a;
--color-red-emulsion-800: #474042;
--color-red-emulsion-900: #312c2d;
--color-red-emulsion-950: #1d191a;
}SCSS
$red-emulsion: #e9dbde;
$red-emulsion-rgb: 233, 219, 222;
$red-emulsion-light: mix(#fff, $red-emulsion, 20%);
$red-emulsion-dark: mix(#000, $red-emulsion, 20%);
.element {
color: $red-emulsion;
box-shadow: 0 0 0 2px rgba($red-emulsion, 0.35);
}