ColorTool
Accedi
#F64640

#f64640 ≈ Cinnabar

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

#f64640 è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 96,47% di rosso, 27,45% di verde e 25,1% di blu; in stampa CMYK usa 0% di ciano, 71,54% di magenta, 73,98% di giallo e 3,53% di nero. Il suo angolo di tinta è 1,98°, con 91% di saturazione e 60,78% 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 5,87:1 (WCAG AA). Il colore con nome più vicino è Cinnabar (#e34234), ΔE 4,41.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #f64640
  2. #40f0f6

Complementare diviso

  1. #f64640
  2. #40f6a1
  3. #4095f6

Analogo

  1. #f64095
  2. #f64640
  3. #f6a140

Triadico

  1. #f64640
  2. #40f646
  3. #4640f6

Tetradico

  1. #f64640
  2. #f0f640
  3. #40f0f6
  4. #4640f6

Quadrato

  1. #f64640
  2. #95f640
  3. #40f0f6
  4. #a140f6

Monocromatico

  1. #960c07
  2. #df120b
  3. #f64640
  4. #f98d89
  5. #fdd4d2

Ombre

#f64640 miscelato progressivamente con il nero.

  1. #f64640
  2. #dd3f3a
  3. #c53833
  4. #ac312d
  5. #942a26
  6. #7b2320
  7. #621c1a
  8. #4a1513
  9. #310e0d
  10. #190706
  11. #000000

Tinte

#f64640 miscelato progressivamente con il bianco.

  1. #f64640
  2. #f75953
  3. #f86b66
  4. #f97e79
  5. #fa908c
  6. #fba3a0
  7. #fbb5b3
  8. #fcc8c6
  9. #fddad9
  10. #feedec
  11. #ffffff

Toni

#f64640 miscelato progressivamente con il grigio.

  1. #f64640
  2. #ea4c46
  3. #de524d
  4. #d35753
  5. #c75d5a
  6. #bb6360
  7. #af6966
  8. #a36f6d
  9. #987473
  10. #8c7a7a
  11. #808080

Testo leggibile 3.58:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #878787 ≈ 0.003% degli uomini
Acromatomalia #be7371 ≈ 0.001% degli uomini
Protanopia #7a6f3d ≈ 1.01% degli uomini
Deuteranopia #a69539 ≈ 1.27% degli uomini
Tritanopia #ff0047 ≈ 0.0001% degli uomini
Protanomalia #b9613f ≈ 1.08% degli uomini
Deuteranomalia #cb7d3c ≈ 4.63% degli uomini
Tritanomalia #ff2744 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-f64640 {
  color: #f64640;
}
Sfondo
.bg-f64640 {
  background-color: #f64640;
  color: #000000;
}
Bordo
.border-f64640 {
  border: 2px solid #f64640;
}
Variabili CSS
:root {
  --color-primary: #f64640;
  --color-primary-rgb: 246 70 64;
  --color-primary-hsl: 2 91% 61%;
}
Sfumatura
.gradient-f64640 {
  background: linear-gradient(135deg, #f64640, #f6a140);
}
Ombra colorata
.shadow-f64640 {
  box-shadow: 0 8px 24px rgb(246 70 64 / 0.35);
}

#e34234 Cinnabar ΔE 4.41 #e34234 Vermilion ΔE 4.41 #fd0e35 Tractor Red ΔE 4.47 #ff6347 Tomato ΔE 6.54 #ff6961 Pastel Red ΔE 7.13 #e62020 Lust ΔE 7.41 #fe6f5e Bittersweet ΔE 7.74 #09b9bf Invertito #878787 Scala di grigi 

Cinnabar
#f64640  rgb(246, 70, 64)  hsl(2, 91%, 61%)  Cinnabar
#40f0f6  rgb(64, 240, 246)  hsl(182, 91%, 61%)  Aqua
#40f646  rgb(64, 246, 70)  hsl(122, 91%, 61%)  Neon Green
#4640f6  rgb(70, 64, 246)  hsl(242, 91%, 61%)  Majorelle Blue