ColorTool
Accedi
#EF5170

#ef5170 ≈ Neon Fuchsia

  • rosso
  • Luminosità: alta
  • Saturazione: forte
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#ef5170 è un colore della famiglia «rosso», con luminosità alta e saturazione forte. Nel modello RGB è composto da 93,73% di rosso, 31,76% di verde e 43,92% di blu; in stampa CMYK usa 0% di ciano, 66,11% di magenta, 53,14% di giallo e 6,27% di nero. Il suo angolo di tinta è 348,23°, con 83,16% di saturazione e 62,75% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 6,08:1 (WCAG AA). Il colore con nome più vicino è Neon Fuchsia (#fe4164), ΔE 3,59.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ef5170
  2. #51efd0

Complementare diviso

  1. #ef5170
  2. #51ef81
  3. #51bfef

Analogo

  1. #ef51bf
  2. #ef5170
  3. #ef8151

Triadico

  1. #ef5170
  2. #70ef51
  3. #5170ef

Tetradico

  1. #ef5170
  2. #efd051
  3. #51efd0
  4. #5170ef

Quadrato

  1. #ef5170
  2. #bfef51
  3. #51efd0
  4. #8151ef

Monocromatico

  1. #990e29
  2. #df153c
  3. #ef5170
  4. #f597aa
  5. #fcdde3

Ombre

#ef5170 miscelato progressivamente con il nero.

  1. #ef5170
  2. #d74965
  3. #bf415a
  4. #a7394e
  5. #8f3143
  6. #782938
  7. #60202d
  8. #481822
  9. #301016
  10. #18080b
  11. #000000

Tinte

#ef5170 miscelato progressivamente con il bianco.

  1. #ef5170
  2. #f1627e
  3. #f2748d
  4. #f4859b
  5. #f597a9
  6. #f7a8b8
  7. #f9b9c6
  8. #facbd4
  9. #fcdce2
  10. #fdeef1
  11. #ffffff

Toni

#ef5170 miscelato progressivamente con il grigio.

  1. #ef5170
  2. #e45672
  3. #d95a73
  4. #ce5f75
  5. #c36476
  6. #b86978
  7. #ac6d7a
  8. #a1727b
  9. #96777d
  10. #8b7b7e
  11. #808080

Testo leggibile 3.45:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8a8a8a ≈ 0.003% degli uomini
Acromatomalia #bb7780 ≈ 0.001% degli uomini
Protanopia #777670 ≈ 1.01% degli uomini
Deuteranopia #a0966c ≈ 1.27% degli uomini
Tritanopia #ff335d ≈ 0.0001% degli uomini
Protanomalia #b46970 ≈ 1.08% degli uomini
Deuteranomalia #c5806e ≈ 4.63% degli uomini
Tritanomalia #fc4165 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ef5170 {
  color: #ef5170;
}
Sfondo
.bg-ef5170 {
  background-color: #ef5170;
  color: #000000;
}
Bordo
.border-ef5170 {
  border: 2px solid #ef5170;
}
Variabili CSS
:root {
  --color-primary: #ef5170;
  --color-primary-rgb: 239 81 112;
  --color-primary-hsl: 348 83% 63%;
}
Sfumatura
.gradient-ef5170 {
  background: linear-gradient(135deg, #ef5170, #ef8151);
}
Ombra colorata
.shadow-ef5170 {
  box-shadow: 0 8px 24px rgb(239 81 112 / 0.35);
}

#fe4164 Neon Fuchsia ΔE 3.59 #de5d83 Blush ΔE 5.93 #f64a8a French Rose ΔE 6.94 #de3163 Cerise ΔE 7.26 #ff004f Folly ΔE 7.38 #e52b50 Amaranth ΔE 7.76 #e3256b Razzmatazz ΔE 8.27 #10ae8f Invertito #8a8a8a Scala di grigi 

Neon Fuchsia
#ef5170  rgb(239, 81, 112)  hsl(348, 83%, 63%)  Neon Fuchsia
#51efd0  rgb(81, 239, 208)  hsl(168, 83%, 63%)  Turquoise
#70ef51  rgb(112, 239, 81)  hsl(108, 83%, 63%)  Neon Green
#5170ef  rgb(81, 112, 239)  hsl(228, 83%, 63%)  Ultramarine Blue