#d425b2 ≈ Shocking Pink
#d425b2 è un colore della famiglia «magenta», con luminosità media e saturazione forte. Nel modello RGB è composto da 83,14% di rosso, 14,51% di verde e 69,8% di blu; in stampa CMYK usa 0% di ciano, 82,55% di magenta, 16,04% di giallo e 16,86% di nero. Il suo angolo di tinta è 311,66°, con 70,28% di saturazione e 48,82% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a creatività, audacia e individualità. I designer lo usano spesso per bellezza e cosmetica, studi creativi e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 4,71:1 (WCAG AA). Il colore con nome più vicino è Shocking Pink (#fc0fc0), ΔE 7,37.
Descrizione generata dalle proprietà misurate di questo colore.
| HEX | |
|---|---|
| RGB | |
| RGB percentuale | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web-safe | #cc3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimale | |
| Luminanza relativa | 0.1853 |
Ombre
#d425b2 miscelato progressivamente con il nero.
Tinte
#d425b2 miscelato progressivamente con il bianco.
Toni
#d425b2 miscelato progressivamente con il grigio.
Testo in questo colore
Sfondo in questo colore
Bordo in questo colore
.text-d425b2 {
color: #d425b2;
}
.bg-d425b2 {
background-color: #d425b2;
color: #000000;
}
.border-d425b2 {
border: 2px solid #d425b2;
}
:root {
--color-primary: #d425b2;
--color-primary-rgb: 212 37 178;
--color-primary-hsl: 312 70% 49%;
}
.gradient-d425b2 {
background: linear-gradient(135deg, #d425b2, #d4255a);
}
.shadow-d425b2 {
box-shadow: 0 8px 24px rgb(212 37 178 / 0.35);
}
Shocking Pink
#d425b2 rgb(212, 37, 178) hsl(312, 70%, 49%) Shocking Pink
#25d447 rgb(37, 212, 71) hsl(132, 70%, 49%) Malachite
#b2d425 rgb(178, 212, 37) hsl(72, 70%, 49%) June Bud
#25b2d4 rgb(37, 178, 212) hsl(192, 70%, 49%) Moonstone Blue