Color con nombre · #EED2D7
Light Light Blush
Light Light Blush es #EED2D7: rgb(238 210 215), hsl(349 45% 88%), oklch(0.888 0.032 5.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Light Blush color name →
#EED2D7
oklch(0.888 0.032 5.6)
Conversiones de color
- HEX
- #eed2d7
- RGB
- rgb(238 210 215)
- HSL
- hsl(349 45% 88%)
- HWB
- hwb(349 82% 7%)
- OKLCH
- oklch(0.888 0.032 5.6)
- OKLab
- oklab(0.888 0.032 0.003)
- CIE Lab
- lab(86.67 10.68 1.29)
- LCH
- lch(86.67 10.76 6.9)
- CMYK
- cmyk(0% 12% 10% 7%)
Tintes · Sombras · Tonos
Tintes
- F0D6DB
- F2DBDF
- F3DFE3
- F5E4E7
- F7E8EB
- F8EDEF
- FAF1F3
- FCF6F7
- FDFAFB
Sombras
- CFB6BB
- B19B9F
- 938185
- 77686B
- 5C5052
- 42393B
- 2A2425
- 141011
- 030202
Tonos
- E3C9CE
- D7C1C5
- CCB9BC
- C1B0B3
- B6A8AA
- ABA0A2
- A09899
- 959091
- 8A8888
Armonías de color
Complementario +180°
- EED2D7
Light Light Blush
- C4E2DD
≈ Tidewater
Análogo -30° +30°
- EED2D7
Light Light Blush
- E9D3E2
≈ Light Favourite Lady
- EED3CC
≈ Fairy Pink
Triádico +120° +240°
- EED2D7
Light Light Blush
- D5DEC8
≈ Grassy Glade
- CADDEF
≈ Tuğçe Silver
Complementario dividido +150° +210°
- EED2D7
Light Light Blush
- CAE1D1
≈ Enchanted
- C4E0E8
≈ Breeze in June
Tetrádico +90° +180° +270°
- EED2D7
Light Light Blush
- E0DBC3
≈ River Reed
- C4E2DD
≈ Tidewater
- D4D9F0
≈ Sachet Cushion
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.83:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.83:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--light-light-blush: #eed2d7;
--light-light-blush-rgb: 238 210 215;
--light-light-blush-oklch: oklch(0.888 0.032 5.6);
}
.element {
color: var(--light-light-blush);
background-color: hsl(349 45% 88%);
border-color: oklch(0.888 0.032 5.6);
}Tailwind CSS v4
@theme {
--color-light-light-blush: #eed2d7;
--color-light-light-blush-50: #fef2f3;
--color-light-light-blush-100: #f2e4e6;
--color-light-light-blush-200: #e1cfd2;
--color-light-light-blush-300: #c7b1b4;
--color-light-light-blush-400: #b0979c;
--color-light-light-blush-500: #9a7e83;
--color-light-light-blush-600: #826b6f;
--color-light-light-blush-700: #685559;
--color-light-light-blush-800: #4c3e41;
--color-light-light-blush-900: #352b2d;
--color-light-light-blush-950: #20181a;
}SCSS
$light-light-blush: #eed2d7;
$light-light-blush-rgb: 238, 210, 215;
$light-light-blush-light: mix(#fff, $light-light-blush, 20%);
$light-light-blush-dark: mix(#000, $light-light-blush, 20%);
.element {
color: $light-light-blush;
box-shadow: 0 0 0 2px rgba($light-light-blush, 0.35);
}