Colore con nome · #E9C4CC
Light Blush
Light Blush è #E9C4CC: rgb(233 196 204), hsl(347 46% 84%), oklch(0.854 0.043 3.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Light Blush color name →
#E9C4CC
oklch(0.854 0.043 3.5)
Conversioni di colore
- HEX
- #e9c4cc
- RGB
- rgb(233 196 204)
- HSL
- hsl(347 46% 84%)
- HWB
- hwb(347 77% 9%)
- OKLCH
- oklch(0.854 0.043 3.5)
- OKLab
- oklab(0.854 0.043 0.003)
- CIE Lab
- lab(82.57 14.49 1.15)
- LCH
- lch(82.57 14.53 4.5)
- CMYK
- cmyk(0% 16% 12% 9%)
Tinte · Ombre · Toni
Tinte
- EBCAD1
- EED0D6
- F0D6DB
- F2DBE0
- F4E1E5
- F7E7EA
- F9EDEF
- FBF3F5
- FDF9FA
Ombre
- CBAAB1
- AD9197
- 90787E
- 746165
- 5A4A4E
- 413537
- 292122
- 130E0F
- 030202
Toni
- DEBDC4
- D3B6BC
- C9AFB5
- BEA8AD
- B3A1A5
- A99B9E
- 9F9496
- 948D8F
- 8A8787
Armonie di colore
Complementare +180°
- E9C4CC
Light Blush
- B1D9D2
≈ Wave Top
Analogo -30° +30°
- E9C4CC
Light Blush
- E1C5DB
≈ Favourite Lady
- EAC6BD
≈ Iced Cherry
Triadico +120° +240°
- E9C4CC
Light Blush
- C9D4B6
≈ Willow Tree Mouse
- B8D3EA
≈ Modern Blue
Complementare divisa +150° +210°
- E9C4CC
Light Blush
- BBD8C2
≈ Cool Spring
- B0D7E0
≈ Needed Escape
Tetradico +90° +180° +270°
- E9C4CC
Light Blush
- D8CFB0
≈ Pale Ivy
- B1D9D2
≈ Wave Top
- C6CEEC
≈ Purple Pj’s
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.23:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--light-blush: #e9c4cc;
--light-blush-rgb: 233 196 204;
--light-blush-oklch: oklch(0.854 0.043 3.5);
}
.element {
color: var(--light-blush);
background-color: hsl(347 46% 84%);
border-color: oklch(0.854 0.043 3.5);
}Tailwind CSS v4
@theme {
--color-light-blush: #e9c4cc;
--color-light-blush-50: #fff0f3;
--color-light-blush-100: #f6e2e6;
--color-light-blush-200: #e6cdd1;
--color-light-blush-300: #ccafb4;
--color-light-blush-400: #b6949c;
--color-light-blush-500: #a07b83;
--color-light-blush-600: #87686f;
--color-light-blush-700: #6c5359;
--color-light-blush-800: #503c41;
--color-light-blush-900: #37292d;
--color-light-blush-950: #22171a;
}SCSS
$light-blush: #e9c4cc;
$light-blush-rgb: 233, 196, 204;
$light-blush-light: mix(#fff, $light-blush, 20%);
$light-blush-dark: mix(#000, $light-blush, 20%);
.element {
color: $light-blush;
box-shadow: 0 0 0 2px rgba($light-blush, 0.35);
}