ColorTool
Accedi
#DF80B3

#df80b3 ≈ Persian Pink

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

#df80b3 è un colore della famiglia «rosa acceso», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 87,45% di rosso, 50,2% di verde e 70,2% di blu; in stampa CMYK usa 0% di ciano, 42,6% di magenta, 19,73% di giallo e 12,55% di nero. Il suo angolo di tinta è 327,79°, con 59,75% di saturazione e 68,82% 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 nero su questo colore raggiunge un rapporto di contrasto di 7,88:1 (WCAG AAA). Il colore con nome più vicino è Persian Pink (#f77fbe), ΔE 4,07.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #df80b3
  2. #80dfac

Complementare diviso

  1. #df80b3
  2. #83df80
  3. #80dfdb

Analogo

  1. #db80df
  2. #df80b3
  3. #df8083

Triadico

  1. #df80b3
  2. #b3df80
  3. #80b3df

Tetradico

  1. #df80b3
  2. #dfac80
  3. #80dfac
  4. #80b3df

Quadrato

  1. #df80b3
  2. #dfdb80
  3. #80dfac
  4. #8083df

Monocromatico

  1. #9e2867
  2. #d0438e
  3. #df80b3
  4. #eebdd8
  5. #fbeff5

Ombre

#df80b3 miscelato progressivamente con il nero.

  1. #df80b3
  2. #c973a1
  3. #b2668f
  4. #9c5a7d
  5. #864d6b
  6. #70405a
  7. #593348
  8. #432636
  9. #2d1a24
  10. #160d12
  11. #000000

Tinte

#df80b3 miscelato progressivamente con il bianco.

  1. #df80b3
  2. #e28dbb
  3. #e599c2
  4. #e9a6ca
  5. #ecb3d1
  6. #efc0d9
  7. #f2cce1
  8. #f5d9e8
  9. #f9e6f0
  10. #fcf2f7
  11. #ffffff

Toni

#df80b3 miscelato progressivamente con il grigio.

  1. #df80b3
  2. #d680ae
  3. #cc80a9
  4. #c380a4
  5. #b9809f
  6. #b0809a
  7. #a68094
  8. #9d808f
  9. #93808a
  10. #8a8085
  11. #808080

Testo leggibile 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9e9e9e ≈ 0.003% degli uomini
Acromatomalia #bc93a7 ≈ 0.001% degli uomini
Protanopia #8895b5 ≈ 1.01% degli uomini
Deuteranopia #a1a4b1 ≈ 1.27% degli uomini
Tritanopia #eb7e93 ≈ 0.0001% degli uomini
Protanomalia #b28db4 ≈ 1.08% degli uomini
Deuteranomalia #bd97b2 ≈ 4.63% degli uomini
Tritanomalia #e67fa1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-df80b3 {
  color: #df80b3;
}
Sfondo
.bg-df80b3 {
  background-color: #df80b3;
  color: #000000;
}
Bordo
.border-df80b3 {
  border: 2px solid #df80b3;
}
Variabili CSS
:root {
  --color-primary: #df80b3;
  --color-primary-rgb: 223 128 179;
  --color-primary-hsl: 328 60% 69%;
}
Sfumatura
.gradient-df80b3 {
  background: linear-gradient(135deg, #df80b3, #df8083);
}
Ombra colorata
.shadow-df80b3 {
  box-shadow: 0 8px 24px rgb(223 128 179 / 0.35);
}

#f77fbe Persian Pink ΔE 4.07 #de6fa1 Thulian Pink ΔE 4.56 #cf71af Sky Magenta ΔE 5.21 #ff69b4 Hot Pink ΔE 6.31 #db7093 Pale Violet Red ΔE 7.10 #ff66cc Rose Pink ΔE 8.05 #fc8eac Flamingo Pink ΔE 8.66 #207f4c Invertito #9e9e9e Scala di grigi 

Persian Pink
#df80b3  rgb(223, 128, 179)  hsl(328, 60%, 69%)  Persian Pink
#80dfac  rgb(128, 223, 172)  hsl(148, 60%, 69%)  Seafoam Green
#b3df80  rgb(179, 223, 128)  hsl(88, 60%, 69%)  Inchworm
#80b3df  rgb(128, 179, 223)  hsl(208, 60%, 69%)  Iceberg