Colore con nome · #960056
Strong Cerise
Strong Cerise è #960056: rgb(150 0 86), hsl(326 100% 29%), oklch(0.439 0.18 355.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Strong Cerise color name →
#960056
oklch(0.439 0.18 355.7)
Conversioni di colore
- HEX
- #960056
- RGB
- rgb(150 0 86)
- HSL
- hsl(326 100% 29%)
- HWB
- hwb(326 0% 41%)
- OKLCH
- oklch(0.439 0.18 355.7)
- OKLab
- oklab(0.439 0.179 -0.014)
- CIE Lab
- lab(32.59 57.24 -4.4)
- LCH
- lch(32.59 57.41 355.6)
- CMYK
- cmyk(0% 100% 43% 41%)
Tinte · Ombre · Toni
Tinte
- A32D65
- B04875
- BC5F85
- C77696
- D28DA7
- DCA3B8
- E6BAC9
- EFD1DB
- F7E8ED
Ombre
- 82004A
- 6E003E
- 5B0032
- 490027
- 37001C
- 260012
- 160008
- 080002
- 010000
Toni
- 961F5A
- 952F5E
- 943C62
- 934767
- 91526B
- 8F5C6F
- 8C6573
- 896E77
- 85777C
Armonie di colore
Complementare +180°
- 960056
Strong Cerise
- 006150
≈ Alpine Green
Analogo -30° +30°
- 960056
Strong Cerise
- 801C86
≈ Hello Darkness My Old Friend
- 9D0014
≈ Caraquenian Crimson
Triadico +120° +240°
- 960056
Strong Cerise
- 505800
≈ Douro
- 00597F
≈ Commandes
Complementare divisa +150° +210°
- 960056
Strong Cerise
- 00641B
≈ Paradise Palms
- 005E66
≈ Petrol
Tetradico +90° +180° +270°
- 960056
Strong Cerise
- 684E00
≈ Olive Brown
- 006150
≈ Alpine Green
- 2245B3
≈ Denim
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.63:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.43:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.63:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--strong-cerise: #960056;
--strong-cerise-rgb: 150 0 86;
--strong-cerise-oklch: oklch(0.439 0.18 355.7);
}
.element {
color: var(--strong-cerise);
background-color: hsl(326 100% 29%);
border-color: oklch(0.439 0.18 355.7);
}Tailwind CSS v4
@theme {
--color-strong-cerise: #960056;
--color-strong-cerise-50: #ffe0f5;
--color-strong-cerise-100: #ffcfe8;
--color-strong-cerise-200: #ffb4d4;
--color-strong-cerise-300: #ff8eb8;
--color-strong-cerise-400: #ed6ba2;
--color-strong-cerise-500: #db438b;
--color-strong-cerise-600: #b93a75;
--color-strong-cerise-700: #952f5e;
--color-strong-cerise-800: #6e2047;
--color-strong-cerise-900: #4e1631;
--color-strong-cerise-950: #33061d;
}SCSS
$strong-cerise: #960056;
$strong-cerise-rgb: 150, 0, 86;
$strong-cerise-light: mix(#fff, $strong-cerise, 20%);
$strong-cerise-dark: mix(#000, $strong-cerise, 20%);
.element {
color: $strong-cerise;
box-shadow: 0 0 0 2px rgba($strong-cerise, 0.35);
}