ColorTool
Accedi
#CF168F

#cf168f ≈ Medium Violet Red

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

#cf168f è un colore della famiglia «rosa acceso», con luminosità media e saturazione forte. Nel modello RGB è composto da 81,18% di rosso, 8,63% di verde e 56,08% di blu; in stampa CMYK usa 0% di ciano, 89,37% di magenta, 30,92% di giallo e 18,82% di nero. Il suo angolo di tinta è 320,76°, con 80,79% di saturazione e 44,9% 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,04:1 (WCAG AA). Il colore con nome più vicino è Medium Violet Red (#c71585), ΔE 2,21.

Descrizione generata dalle proprietà misurate di questo 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.1582

Complementare

  1. #cf168f
  2. #16cf56

Complementare diviso

  1. #cf168f
  2. #32cf16
  3. #16cfb3

Analogo

  1. #b316cf
  2. #cf168f
  3. #cf1632

Triadico

  1. #cf168f
  2. #8fcf16
  3. #168fcf

Tetradico

  1. #cf168f
  2. #cf5616
  3. #16cf56
  4. #168fcf

Quadrato

  1. #cf168f
  2. #cfb316
  3. #16cf56
  4. #1632cf

Monocromatico

  1. #45072f
  2. #8a0f5f
  3. #cf168f
  4. #eb46b2
  5. #f38bcf

Ombre

#cf168f miscelato progressivamente con il nero.

  1. #cf168f
  2. #ba1481
  3. #a61272
  4. #910f64
  5. #7c0d56
  6. #680b48
  7. #530939
  8. #3e072b
  9. #29041d
  10. #15020e
  11. #000000

Tinte

#cf168f miscelato progressivamente con il bianco.

  1. #cf168f
  2. #d42d9a
  3. #d945a5
  4. #dd5cb1
  5. #e273bc
  6. #e78bc7
  7. #eca2d2
  8. #f1b9dd
  9. #f5d0e9
  10. #fae8f4
  11. #ffffff

Toni

#cf168f miscelato progressivamente con il grigio.

  1. #cf168f
  2. #c7218e
  3. #bf2b8c
  4. #b7368b
  5. #af4089
  6. #a84b88
  7. #a05686
  8. #986085
  9. #906b83
  10. #887582
  11. #808080

Testo leggibile 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% degli uomini
Acromatomalia #9f587d ≈ 0.001% degli uomini
Protanopia #3d5b92 ≈ 1.01% degli uomini
Deuteranopia #747a8b ≈ 1.27% degli uomini
Tritanopia #de0056 ≈ 0.0001% degli uomini
Protanomalia #904991 ≈ 1.08% degli uomini
Deuteranomalia #a0618d ≈ 4.63% degli uomini
Tritanomalia #d80971 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-cf168f {
  color: #cf168f;
}
Sfondo
.bg-cf168f {
  background-color: #cf168f;
  color: #ffffff;
}
Bordo
.border-cf168f {
  border: 2px solid #cf168f;
}
Variabili CSS
:root {
  --color-primary: #cf168f;
  --color-primary-rgb: 207 22 143;
  --color-primary-hsl: 321 81% 45%;
}
Sfumatura
.gradient-cf168f {
  background: linear-gradient(135deg, #cf168f, #cf1632);
}
Ombra colorata
.shadow-cf168f {
  box-shadow: 0 8px 24px rgb(207 22 143 / 0.35);
}

#c71585 Medium Violet Red ΔE 2.21 #c54b8c Mulberry ΔE 6.31 #cf3476 Telemagenta ΔE 7.25 #d71868 Dogwood Rose ΔE 9.68 #ff1493 Deep Pink ΔE 10.67 #fe28a2 Persian Rose ΔE 10.86 #fc0fc0 Shocking Pink ΔE 11.09 #30e970 Invertito #6f6f6f Scala di grigi 

Medium Violet Red
#cf168f  rgb(207, 22, 143)  hsl(321, 81%, 45%)  Medium Violet Red
#16cf56  rgb(22, 207, 86)  hsl(141, 81%, 45%)  Malachite
#8fcf16  rgb(143, 207, 22)  hsl(81, 81%, 45%)  Yellow Green
#168fcf  rgb(22, 143, 207)  hsl(201, 81%, 45%)  Bleu de France