Colore con nome · #C92435
Cherry Sangria
Cherry Sangria è #C92435: rgb(201 36 53), hsl(354 70% 46%), oklch(0.543 0.198 22.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherry Sangria color name →
#C92435
oklch(0.543 0.198 22.4)
Conversioni di colore
- HEX
- #c92435
- RGB
- rgb(201 36 53)
- HSL
- hsl(354 70% 46%)
- HWB
- hwb(354 14% 21%)
- OKLCH
- oklch(0.543 0.198 22.4)
- OKLab
- oklab(0.543 0.183 0.075)
- CIE Lab
- lab(44.91 63.19 35.08)
- LCH
- lch(44.91 72.27 29)
- CMYK
- cmyk(0% 82% 74% 21%)
Tinte · Ombre · Toni
Tinte
- D24449
- DA5C5D
- E17270
- E78784
- ED9B98
- F2AFAC
- F7C3C0
- FAD7D5
- FDEBEA
Ombre
- AE1E2D
- 951825
- 7C121D
- 640C15
- 4C070E
- 360408
- 220203
- 0F0001
- 020000
Toni
- C4363E
- BE4346
- B84D4E
- B15755
- AA5F5D
- A36664
- 9C6D6B
- 937472
- 8A7A79
Armonie di colore
Complementare +180°
- C92435
Cherry Sangria
- 007F87
≈ Go Alpha
Analogo -30° +30°
- C92435
Cherry Sangria
- BE277A
≈ Treasured Love
- AC5300
≈ Tijolo
Triadico +120° +240°
- C92435
Cherry Sangria
- 028800
≈ Fine Pine
- 2965E0
≈ Blue Ruin
Complementare divisa +150° +210°
- C92435
Cherry Sangria
- 008369
≈ Bosphorus
- 0079A5
≈ CG Blue
Tetradico +90° +180° +270°
- C92435
Cherry Sangria
- 717600
≈ Spinach Soup
- 007F87
≈ Go Alpha
- 774ED6
≈ Aconite Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.54:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.78:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--cherry-sangria: #c92435;
--cherry-sangria-rgb: 201 36 53;
--cherry-sangria-oklch: oklch(0.543 0.198 22.4);
}
.element {
color: var(--cherry-sangria);
background-color: hsl(354 70% 46%);
border-color: oklch(0.543 0.198 22.4);
}Tailwind CSS v4
@theme {
--color-cherry-sangria: #c92435;
--color-cherry-sangria-50: #ffe0d9;
--color-cherry-sangria-100: #ffcec7;
--color-cherry-sangria-200: #ffb2aa;
--color-cherry-sangria-300: #ff8b84;
--color-cherry-sangria-400: #fe6466;
--color-cherry-sangria-500: #ed3544;
--color-cherry-sangria-600: #c82f3b;
--color-cherry-sangria-700: #a1262e;
--color-cherry-sangria-800: #781923;
--color-cherry-sangria-900: #551117;
--color-cherry-sangria-950: #390209;
}SCSS
$cherry-sangria: #c92435;
$cherry-sangria-rgb: 201, 36, 53;
$cherry-sangria-light: mix(#fff, $cherry-sangria, 20%);
$cherry-sangria-dark: mix(#000, $cherry-sangria, 20%);
.element {
color: $cherry-sangria;
box-shadow: 0 0 0 2px rgba($cherry-sangria, 0.35);
}