ColorTool
Accedi
#E4502C

#e4502c ≈ Flame

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

#e4502c è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 89,41% di rosso, 31,37% di verde e 17,25% di blu; in stampa CMYK usa 0% di ciano, 64,91% di magenta, 80,7% di giallo e 10,59% di nero. Il suo angolo di tinta è 11,74°, con 77,31% di saturazione e 53,33% 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 nero su questo colore raggiunge un rapporto di contrasto di 5,48:1 (WCAG AA). Il colore con nome più vicino è Flame (#e25822), ΔE 3,88.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #e4502c
  2. #2cc0e4

Complementare diviso

  1. #e4502c
  2. #2ce4ac
  3. #2c64e4

Analogo

  1. #e42c64
  2. #e4502c
  3. #e4ac2c

Triadico

  1. #e4502c
  2. #2ce450
  3. #502ce4

Tetradico

  1. #e4502c
  2. #c0e42c
  3. #2cc0e4
  4. #502ce4

Quadrato

  1. #e4502c
  2. #64e42c
  3. #2cc0e4
  4. #ac2ce4

Monocromatico

  1. #691f0d
  2. #ad3416
  3. #e4502c
  4. #ed8870
  5. #f5c0b4

Ombre

#e4502c miscelato progressivamente con il nero.

  1. #e4502c
  2. #cd4828
  3. #b64023
  4. #a0381f
  5. #89301a
  6. #722816
  7. #5b2012
  8. #44180d
  9. #2e1009
  10. #170804
  11. #000000

Tinte

#e4502c miscelato progressivamente con il bianco.

  1. #e4502c
  2. #e76241
  3. #e97356
  4. #ec856b
  5. #ef9680
  6. #f2a896
  7. #f4b9ab
  8. #f7cbc0
  9. #fadcd5
  10. #fceeea
  11. #ffffff

Toni

#e4502c miscelato progressivamente con il grigio.

  1. #e4502c
  2. #da5534
  3. #d05a3d
  4. #c65e45
  5. #bc634e
  6. #b26856
  7. #a86d5e
  8. #9e7267
  9. #94766f
  10. #8a7b78
  11. #808080

Testo leggibile 3.83:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #828282 ≈ 0.003% degli uomini
Acromatomalia #b2716a ≈ 0.001% degli uomini
Protanopia #7b6d26 ≈ 1.01% degli uomini
Deuteranopia #9f8e25 ≈ 1.27% degli uomini
Tritanopia #fb2449 ≈ 0.0001% degli uomini
Protanomalia #af6329 ≈ 1.08% degli uomini
Deuteranomalia #bf7a28 ≈ 4.63% degli uomini
Tritanomalia #f23a3f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-e4502c {
  color: #e4502c;
}
Sfondo
.bg-e4502c {
  background-color: #e4502c;
  color: #000000;
}
Bordo
.border-e4502c {
  border: 2px solid #e4502c;
}
Variabili CSS
:root {
  --color-primary: #e4502c;
  --color-primary-rgb: 228 80 44;
  --color-primary-hsl: 12 77% 53%;
}
Sfumatura
.gradient-e4502c {
  background: linear-gradient(135deg, #e4502c, #e4ac2c);
}
Ombra colorata
.shadow-e4502c {
  box-shadow: 0 8px 24px rgb(228 80 44 / 0.35);
}

#e25822 Flame ΔE 3.88 #e34234 Cinnabar ΔE 4.95 #e34234 Vermilion ΔE 4.95 #ff3800 Coquelicot ΔE 5.21 #ff2800 Ferrari Red ΔE 5.28 #ff2400 Scarlet ΔE 5.37 #ff4500 Orange Red ΔE 5.87 #1bafd3 Invertito #828282 Scala di grigi 

Flame
#e4502c  rgb(228, 80, 44)  hsl(12, 77%, 53%)  Flame
#2cc0e4  rgb(44, 192, 228)  hsl(192, 77%, 53%)  Deep Sky Blue
#2ce450  rgb(44, 228, 80)  hsl(132, 77%, 53%)  Malachite
#502ce4  rgb(80, 44, 228)  hsl(252, 77%, 53%)  Han Purple