#CB048A

#cb048a ≈ Medium Violet Red

  • magenta
  • Luminosità: media
  • Saturazione: vivace
  • Equilibrato

#cb048a è un colore della famiglia «magenta», con luminosità media e saturazione vivace. Nel modello RGB è composto da 79,61% di rosso, 1,57% di verde e 54,12% di blu; in stampa CMYK usa 0% di ciano, 98,03% di magenta, 32,02% di giallo e 20,39% di nero. Il suo angolo di tinta è 319,6°, con 96,14% di saturazione e 40,59% 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 pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,35:1 (WCAG AA). Il colore con nome più vicino è Medium Violet Red (#c71585), ΔE 1,11.

Descrizione generata dalle proprietà misurate di questo colore.

Conversioni di #cb048a in altri spazi colore
HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#cc0099
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.1462

Testo leggibile 5.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.92:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6b6b6b ≈ 0.003% degli uomini
Acromatomalia #9b5478 ≈ 0.001% degli uomini
Protanopia #38578d ≈ 1.01% degli uomini
Deuteranopia #707686 ≈ 1.27% degli uomini
Tritanopia #da0050 ≈ 0.0001% degli uomini
Protanomalia #8c448c ≈ 1.08% degli uomini
Deuteranomalia #9d5d88 ≈ 4.63% degli uomini
Tritanomalia #d4006c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-cb048a {
  color: #cb048a;
}
Sfondo
.bg-cb048a {
  background-color: #cb048a;
  color: #ffffff;
}
Bordo
.border-cb048a {
  border: 2px solid #cb048a;
}
Variabili CSS
:root {
  --color-primary: #cb048a;
  --color-primary-rgb: 203 4 138;
  --color-primary-hsl: 320 96% 41%;
}
Sfumatura
.gradient-cb048a {
  background: linear-gradient(135deg, #cb048a, #cb0426);
}
Ombra colorata
.shadow-cb048a {
  box-shadow: 0 8px 24px rgb(203 4 138 / 0.35);
}

Medium Violet Red
#cb048a  rgb(203, 4, 138)  hsl(320, 96%, 41%)  Medium Violet Red
#04cb45  rgb(4, 203, 69)  hsl(140, 96%, 41%)  Lime Green
#8acb04  rgb(138, 203, 4)  hsl(80, 96%, 41%)  Yellow Green
#048acb  rgb(4, 138, 203)  hsl(200, 96%, 41%)  Steel Blue