ColorTool
Accedi
#C62A30

#c62a30 ≈ Fire Engine Red

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

#c62a30 è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 77,65% di rosso, 16,47% di verde e 18,82% di blu; in stampa CMYK usa 0% di ciano, 78,79% di magenta, 75,76% di giallo e 22,35% di nero. Il suo angolo di tinta è 357,69°, con 65% di saturazione e 47,06% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,56:1 (WCAG AA). Il colore con nome più vicino è Fire Engine Red (#ce2029), ΔE 1,94.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #c62a30
  2. #2ac6c0

Complementare diviso

  1. #c62a30
  2. #2ac672
  3. #2a7ec6

Analogo

  1. #c62a7e
  2. #c62a30
  3. #c6722a

Triadico

  1. #c62a30
  2. #30c62a
  3. #2a30c6

Tetradico

  1. #c62a30
  2. #c6c02a
  3. #2ac6c0
  4. #2a30c6

Quadrato

  1. #c62a30
  2. #7ec62a
  3. #2ac6c0
  4. #722ac6

Monocromatico

  1. #480f11
  2. #871d21
  3. #c62a30
  4. #dd5f64
  5. #eb9ea1

Ombre

#c62a30 miscelato progressivamente con il nero.

  1. #c62a30
  2. #b2262b
  3. #9e2226
  4. #8b1d22
  5. #77191d
  6. #631518
  7. #4f1113
  8. #3b0d0e
  9. #28080a
  10. #140405
  11. #000000

Tinte

#c62a30 miscelato progressivamente con il bianco.

  1. #c62a30
  2. #cc3f45
  3. #d15559
  4. #d76a6e
  5. #dd7f83
  6. #e39598
  7. #e8aaac
  8. #eebfc1
  9. #f4d4d6
  10. #f9eaea
  11. #ffffff

Toni

#c62a30 miscelato progressivamente con il grigio.

  1. #c62a30
  2. #bf3338
  3. #b83b40
  4. #b14448
  5. #aa4c50
  6. #a35558
  7. #9c5e60
  8. #956668
  9. #8e6f70
  10. #877778
  11. #808080

Testo leggibile 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% degli uomini
Acromatomalia #975657 ≈ 0.001% degli uomini
Protanopia #5b532e ≈ 1.01% degli uomini
Deuteranopia #81742a ≈ 1.27% degli uomini
Tritanopia #da002e ≈ 0.0001% degli uomini
Protanomalia #92462f ≈ 1.08% degli uomini
Deuteranomalia #a15f2c ≈ 4.63% degli uomini
Tritanomalia #d2002f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-c62a30 {
  color: #c62a30;
}
Sfondo
.bg-c62a30 {
  background-color: #c62a30;
  color: #ffffff;
}
Bordo
.border-c62a30 {
  border: 2px solid #c62a30;
}
Variabili CSS
:root {
  --color-primary: #c62a30;
  --color-primary-rgb: 198 42 48;
  --color-primary-hsl: 358 65% 47%;
}
Sfumatura
.gradient-c62a30 {
  background: linear-gradient(135deg, #c62a30, #c6722a);
}
Ombra colorata
.shadow-c62a30 {
  box-shadow: 0 8px 24px rgb(198 42 48 / 0.35);
}

#ce2029 Fire Engine Red ΔE 1.94 #cc3333 Persian Red ΔE 2.20 #cf1020 Lava ΔE 3.25 #c41e3a Cardinal ΔE 4.50 #b22222 Firebrick ΔE 4.89 #c80815 Venetian Red ΔE 4.96 #dc143c Crimson ΔE 5.15 #39d5cf Invertito #686868 Scala di grigi 

Fire Engine Red
#c62a30  rgb(198, 42, 48)  hsl(358, 65%, 47%)  Fire Engine Red
#2ac6c0  rgb(42, 198, 192)  hsl(178, 65%, 47%)  Robin Egg Blue
#30c62a  rgb(48, 198, 42)  hsl(118, 65%, 47%)  Lime Green
#2a30c6  rgb(42, 48, 198)  hsl(238, 65%, 47%)  Persian Blue