ColorTool
Accedi
#BC107D

#bc107d ≈ Medium Violet Red

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

#bc107d è un colore della famiglia «rosa acceso», con luminosità media e saturazione forte. Nel modello RGB è composto da 73,73% di rosso, 6,27% di verde e 49,02% di blu; in stampa CMYK usa 0% di ciano, 91,49% di magenta, 33,51% di giallo e 26,27% di nero. Il suo angolo di tinta è 321,98°, con 84,31% di saturazione e 40% 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 pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,99:1 (WCAG AA). Il colore con nome più vicino è Medium Violet Red (#c71585), ΔE 2,57.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#cc0066
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.1254

Complementare

  1. #bc107d
  2. #10bc4f

Complementare diviso

  1. #bc107d
  2. #27bc10
  3. #10bca5

Analogo

  1. #a510bc
  2. #bc107d
  3. #bc1027

Triadico

  1. #bc107d
  2. #7dbc10
  3. #107dbc

Tetradico

  1. #bc107d
  2. #bc4f10
  3. #10bc4f
  4. #107dbc

Quadrato

  1. #bc107d
  2. #bca510
  3. #10bc4f
  4. #1027bc

Monocromatico

  1. #2f041f
  2. #750a4e
  3. #bc107d
  4. #ed2ca6
  5. #f372c4

Ombre

#bc107d miscelato progressivamente con il nero.

  1. #bc107d
  2. #a90e71
  3. #960d64
  4. #840b58
  5. #710a4b
  6. #5e083f
  7. #4b0632
  8. #380526
  9. #260319
  10. #13020d
  11. #000000

Tinte

#bc107d miscelato progressivamente con il bianco.

  1. #bc107d
  2. #c3288a
  3. #c94097
  4. #d058a4
  5. #d770b1
  6. #de88be
  7. #e49fcb
  8. #ebb7d8
  9. #f2cfe5
  10. #f8e7f2
  11. #ffffff

Toni

#bc107d miscelato progressivamente con il grigio.

  1. #bc107d
  2. #b61b7d
  3. #b0267e
  4. #aa327e
  5. #a43d7e
  6. #9e487f
  7. #98537f
  8. #925e7f
  9. #8c6a7f
  10. #867580
  11. #808080

Testo leggibile 5.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.51:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #636363 ≈ 0.003% degli uomini
Acromatomalia #8f4f6e ≈ 0.001% degli uomini
Protanopia #38517f ≈ 1.01% degli uomini
Deuteranopia #696d7a ≈ 1.27% degli uomini
Tritanopia #cb004a ≈ 0.0001% degli uomini
Protanomalia #83407e ≈ 1.08% degli uomini
Deuteranomalia #92577b ≈ 4.63% degli uomini
Tritanomalia #c50062 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-bc107d {
  color: #bc107d;
}
Sfondo
.bg-bc107d {
  background-color: #bc107d;
  color: #ffffff;
}
Bordo
.border-bc107d {
  border: 2px solid #bc107d;
}
Variabili CSS
:root {
  --color-primary: #bc107d;
  --color-primary-rgb: 188 16 125;
  --color-primary-hsl: 322 84% 40%;
}
Sfumatura
.gradient-bc107d {
  background: linear-gradient(135deg, #bc107d, #bc1027);
}
Ombra colorata
.shadow-bc107d {
  box-shadow: 0 8px 24px rgb(188 16 125 / 0.35);
}

#c71585 Medium Violet Red ΔE 2.57 #a50b5e Jazzberry Jam ΔE 6.78 #cf3476 Telemagenta ΔE 8.25 #c54b8c Mulberry ΔE 8.87 #d71868 Dogwood Rose ΔE 9.85 #8e4585 Deep Plum ΔE 10.15 #873260 Boysenberry ΔE 10.19 #43ef82 Invertito #636363 Scala di grigi 

Medium Violet Red
#bc107d  rgb(188, 16, 125)  hsl(322, 84%, 40%)  Medium Violet Red
#10bc4f  rgb(16, 188, 79)  hsl(142, 84%, 40%)  Emerald
#7dbc10  rgb(125, 188, 16)  hsl(82, 84%, 40%)  Apple Green
#107dbc  rgb(16, 125, 188)  hsl(202, 84%, 40%)  Steel Blue