Colore con nome · #E7C9CA
Pink Spinel
Pink Spinel è #E7C9CA: rgb(231 201 202), hsl(358 38% 85%), oklch(0.861 0.034 15.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pink Spinel color name →
#E7C9CA
oklch(0.861 0.034 15.5)
Conversioni di colore
- HEX
- #e7c9ca
- RGB
- rgb(231 201 202)
- HSL
- hsl(358 38% 85%)
- HWB
- hwb(358 79% 9%)
- OKLCH
- oklch(0.861 0.034 15.5)
- OKLab
- oklab(0.861 0.033 0.009)
- CIE Lab
- lab(83.56 11.02 3.6)
- LCH
- lch(83.56 11.59 18.1)
- CMYK
- cmyk(0% 13% 13% 9%)
Tinte · Ombre · Toni
Tinte
- EACECF
- ECD4D4
- EED9DA
- F1DEDF
- F3E4E4
- F6E9EA
- F8EFEF
- FAF4F4
- FDFAFA
Ombre
- C9AEAF
- AB9595
- 8F7C7C
- 736464
- 594C4D
- 403637
- 282222
- 130F0F
- 030202
Toni
- DCC1C2
- D2BABB
- C7B3B3
- BDABAC
- B2A4A4
- A89D9D
- 9E9596
- 948E8E
- 8A8787
Armonie di colore
Complementare +180°
- E7C9CA
Pink Spinel
- B9D9D8
≈ Silent River
Analogo -30° +30°
- E7C9CA
Pink Spinel
- E3C9D6
≈ Kiss Good Night
- E6CBBF
≈ Red Sandstorm
Triadico +120° +240°
- E7C9CA
Pink Spinel
- C8D7C1
≈ French Limestone
- C3D3E8
≈ Slipstream
Complementare divisa +150° +210°
- E7C9CA
Pink Spinel
- BED9CC
≈ Silverton
- BBD7E3
≈ Bridgewater Bay
Tetradico +90° +180° +270°
- E7C9CA
Pink Spinel
- D4D3BA
≈ Pistachio Tang
- B9D9D8
≈ Silent River
- CFCFE7
≈ Casa del Mar
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.60:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-spinel: #e7c9ca;
--pink-spinel-rgb: 231 201 202;
--pink-spinel-oklch: oklch(0.861 0.034 15.5);
}
.element {
color: var(--pink-spinel);
background-color: hsl(358 38% 85%);
border-color: oklch(0.861 0.034 15.5);
}Tailwind CSS v4
@theme {
--color-pink-spinel: #e7c9ca;
--color-pink-spinel-50: #fff1f1;
--color-pink-spinel-100: #f3e4e4;
--color-pink-spinel-200: #e2cfcf;
--color-pink-spinel-300: #c8b1b1;
--color-pink-spinel-400: #b29798;
--color-pink-spinel-500: #9b7d7f;
--color-pink-spinel-600: #836a6b;
--color-pink-spinel-700: #695556;
--color-pink-spinel-800: #4d3e3f;
--color-pink-spinel-900: #362a2b;
--color-pink-spinel-950: #211819;
}SCSS
$pink-spinel: #e7c9ca;
$pink-spinel-rgb: 231, 201, 202;
$pink-spinel-light: mix(#fff, $pink-spinel, 20%);
$pink-spinel-dark: mix(#000, $pink-spinel, 20%);
.element {
color: $pink-spinel;
box-shadow: 0 0 0 2px rgba($pink-spinel, 0.35);
}