ColorTool
Accedi
#BD338A

#bd338a ≈ Medium Violet Red

  • rosa acceso
  • Luminosità: media
  • Saturazione: forte
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#bd338a è un colore della famiglia «rosa acceso», con luminosità media e saturazione forte. Nel modello RGB è composto da 74,12% di rosso, 20% di verde e 54,12% di blu; in stampa CMYK usa 0% di ciano, 73,02% di magenta, 26,98% di giallo e 25,88% di nero. Il suo angolo di tinta è 322,17°, con 57,5% di saturazione e 47,06% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a romanticismo, giocosità e affetto. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,24:1 (WCAG AA). Il colore con nome più vicino è Medium Violet Red (#c71585), ΔE 2,74.

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 relativa0.1502

Complementare

  1. #bd338a
  2. #33bd66

Complementare diviso

  1. #bd338a
  2. #45bd33
  3. #33bdab

Analogo

  1. #ab33bd
  2. #bd338a
  3. #bd3345

Triadico

  1. #bd338a
  2. #8abd33
  3. #338abd

Tetradico

  1. #bd338a
  2. #bd6633
  3. #33bd66
  4. #338abd

Quadrato

  1. #bd338a
  2. #bdab33
  3. #33bd66
  4. #3345bd

Monocromatico

  1. #451232
  2. #81235e
  3. #bd338a
  4. #d667ad
  5. #e6a3cd

Ombre

#bd338a miscelato progressivamente con il nero.

  1. #bd338a
  2. #aa2e7c
  3. #97296e
  4. #842461
  5. #711f53
  6. #5f1a45
  7. #4c1437
  8. #390f29
  9. #260a1c
  10. #13050e
  11. #000000

Tinte

#bd338a miscelato progressivamente con il bianco.

  1. #bd338a
  2. #c44796
  3. #ca5ca1
  4. #d170ad
  5. #d785b9
  6. #de99c5
  7. #e5add0
  8. #ebc2dc
  9. #f2d6e8
  10. #f8ebf3
  11. #ffffff

Toni

#bd338a miscelato progressivamente con il grigio.

  1. #bd338a
  2. #b73b89
  3. #b14288
  4. #ab4a87
  5. #a55286
  6. #9f5a85
  7. #986184
  8. #926983
  9. #8c7182
  10. #867881
  11. #808080

Testo leggibile 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6c6c6c ≈ 0.003% degli uomini
Acromatomalia #935a79 ≈ 0.001% degli uomini
Protanopia #455d8c ≈ 1.01% degli uomini
Deuteranopia #6f7587 ≈ 1.27% degli uomini
Tritanopia #ca2f5a ≈ 0.0001% degli uomini
Protanomalia #864f8b ≈ 1.08% degli uomini
Deuteranomalia #946188 ≈ 4.63% degli uomini
Tritanomalia #c53170 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-bd338a {
  color: #bd338a;
}
Sfondo
.bg-bd338a {
  background-color: #bd338a;
  color: #ffffff;
}
Bordo
.border-bd338a {
  border: 2px solid #bd338a;
}
Variabili CSS
:root {
  --color-primary: #bd338a;
  --color-primary-rgb: 189 51 138;
  --color-primary-hsl: 322 58% 47%;
}
Sfumatura
.gradient-bd338a {
  background: linear-gradient(135deg, #bd338a, #bd3345);
}
Ombra colorata
.shadow-bd338a {
  box-shadow: 0 8px 24px rgb(189 51 138 / 0.35);
}

#c71585 Medium Violet Red ΔE 2.74 #c54b8c Mulberry ΔE 5.55 #cf3476 Telemagenta ΔE 7.47 #8e4585 Deep Plum ΔE 9.20 #a50b5e Jazzberry Jam ΔE 10.02 #d71868 Dogwood Rose ΔE 10.29 #8a496b Twilight Lavender ΔE 11.18 #42cc75 Invertito #6c6c6c Scala di grigi 

Medium Violet Red
#bd338a  rgb(189, 51, 138)  hsl(322, 58%, 47%)  Medium Violet Red
#33bd66  rgb(51, 189, 102)  hsl(142, 58%, 47%)  Emerald
#8abd33  rgb(138, 189, 51)  hsl(82, 58%, 47%)  Apple Green
#338abd  rgb(51, 138, 189)  hsl(202, 58%, 47%)  Steel Blue