Colore con nome · #E7C5C1
Empire Rose
Empire Rose è #E7C5C1: rgb(231 197 193), hsl(6 44% 83%), oklch(0.851 0.039 25.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Empire Rose color name →
#E7C5C1
oklch(0.851 0.039 25.9)
Conversioni di colore
- HEX
- #e7c5c1
- RGB
- rgb(231 197 193)
- HSL
- hsl(6 44% 83%)
- HWB
- hwb(6 76% 9%)
- OKLCH
- oklch(0.851 0.039 25.9)
- OKLab
- oklab(0.851 0.035 0.017)
- CIE Lab
- lab(82.4 11.96 6.72)
- LCH
- lch(82.4 13.72 29.3)
- CMYK
- cmyk(0% 15% 16% 9%)
Tinte · Ombre · Toni
Tinte
- EACBC7
- ECD0CD
- EFD6D3
- F1DCD9
- F3E2E0
- F6E8E6
- F8EDEC
- FAF3F2
- FDF9F9
Ombre
- C9ABA7
- AB928F
- 8F7977
- 73615F
- 594B49
- 403534
- 282120
- 130E0E
- 030202
Toni
- DCBEBA
- D2B7B4
- C7B0AD
- BDA9A6
- B2A2A0
- A89B99
- 9E9493
- 948D8D
- 8A8786
Armonie di colore
Complementare +180°
- E7C5C1
Empire Rose
- B1D6DB
≈ Needed Escape
Analogo -30° +30°
- E7C5C1
Empire Rose
- E4C4CF
≈ In the Slip
- E3C8B6
≈ Ellen
Triadico +120° +240°
- E7C5C1
Empire Rose
- BFD6BF
≈ Namaste
- C2CEE9
≈ Periwinkle Grey
Complementare divisa +150° +210°
- E7C5C1
Empire Rose
- B4D7CD
≈ Gemini
- B7D3E5
≈ Tiny Mr Frosty
Tetradico +90° +180° +270°
- E7C5C1
Empire Rose
- CCD2B5
≈ Meadow Glen
- B1D6DB
≈ Needed Escape
- D0CAE6
≈ Foggy Plateau
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.15:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--empire-rose: #e7c5c1;
--empire-rose-rgb: 231 197 193;
--empire-rose-oklch: oklch(0.851 0.039 25.9);
}
.element {
color: var(--empire-rose);
background-color: hsl(6 44% 83%);
border-color: oklch(0.851 0.039 25.9);
}Tailwind CSS v4
@theme {
--color-empire-rose: #e7c5c1;
--color-empire-rose-50: #fff1ef;
--color-empire-rose-100: #f5e3e1;
--color-empire-rose-200: #e5cecb;
--color-empire-rose-300: #cbb0ac;
--color-empire-rose-400: #b59692;
--color-empire-rose-500: #9f7d79;
--color-empire-rose-600: #866a66;
--color-empire-rose-700: #6c5452;
--color-empire-rose-800: #4f3d3c;
--color-empire-rose-900: #372a29;
--color-empire-rose-950: #221817;
}SCSS
$empire-rose: #e7c5c1;
$empire-rose-rgb: 231, 197, 193;
$empire-rose-light: mix(#fff, $empire-rose, 20%);
$empire-rose-dark: mix(#000, $empire-rose, 20%);
.element {
color: $empire-rose;
box-shadow: 0 0 0 2px rgba($empire-rose, 0.35);
}