ColorTool
Accedi
#EC5617

#ec5617 ≈ Flame

  • arancione
  • Luminosità: media
  • Saturazione: vivace
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#ec5617 è un colore della famiglia «arancione», con luminosità media e saturazione vivace. Nel modello RGB è composto da 92,55% di rosso, 33,73% di verde e 9,02% di blu; in stampa CMYK usa 0% di ciano, 63,56% di magenta, 90,25% di giallo e 7,45% di nero. Il suo angolo di tinta è 17,75°, con 84,86% di saturazione e 50,78% di luminosità in HSL. È un colore caldo, spesso associato a entusiasmo, calore e creatività. I designer lo usano spesso per pulsanti di invito all’azione e marchi alimentari e ristoranti. Il testo nero su questo colore raggiunge un rapporto di contrasto di 5,91:1 (WCAG AA). Il colore con nome più vicino è Flame (#e25822), ΔE 2.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ec5617
  2. #17adec

Complementare diviso

  1. #ec5617
  2. #17ecc1
  3. #1742ec

Analogo

  1. #ec1742
  2. #ec5617
  3. #ecc117

Triadico

  1. #ec5617
  2. #17ec56
  3. #5617ec

Tetradico

  1. #ec5617
  2. #adec17
  3. #17adec
  4. #5617ec

Quadrato

  1. #ec5617
  2. #42ec17
  3. #17adec
  4. #c117ec

Monocromatico

  1. #622308
  2. #a93c0e
  3. #ec5617
  4. #f28a5e
  5. #f8bda4

Ombre

#ec5617 miscelato progressivamente con il nero.

  1. #ec5617
  2. #d44d15
  3. #bd4512
  4. #a53c10
  5. #8e340e
  6. #762b0c
  7. #5e2209
  8. #471a07
  9. #2f1105
  10. #180902
  11. #000000

Tinte

#ec5617 miscelato progressivamente con il bianco.

  1. #ec5617
  2. #ee672e
  3. #f07845
  4. #f2895d
  5. #f49a74
  6. #f6ab8b
  7. #f7bba2
  8. #f9ccb9
  9. #fbddd1
  10. #fdeee8
  11. #ffffff

Toni

#ec5617 miscelato progressivamente con il grigio.

  1. #ec5617
  2. #e15a22
  3. #d65e2c
  4. #cc6337
  5. #c16741
  6. #b66b4c
  7. #ab6f56
  8. #a07361
  9. #96786b
  10. #8b7c76
  11. #808080

Testo leggibile 3.55:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #888888 ≈ 0.003% degli uomini
Acromatomalia #b9776c ≈ 0.001% degli uomini
Protanopia #827304 ≈ 1.01% degli uomini
Deuteranopia #a79408 ≈ 1.27% degli uomini
Tritanopia #ff294b ≈ 0.0001% degli uomini
Protanomalia #b6680d ≈ 1.08% degli uomini
Deuteranomalia #c6800f ≈ 4.63% degli uomini
Tritanomalia #fb403d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ec5617 {
  color: #ec5617;
}
Sfondo
.bg-ec5617 {
  background-color: #ec5617;
  color: #000000;
}
Bordo
.border-ec5617 {
  border: 2px solid #ec5617;
}
Variabili CSS
:root {
  --color-primary: #ec5617;
  --color-primary-rgb: 236 86 23;
  --color-primary-hsl: 18 85% 51%;
}
Sfumatura
.gradient-ec5617 {
  background: linear-gradient(135deg, #ec5617, #ecc117);
}
Ombra colorata
.shadow-ec5617 {
  box-shadow: 0 8px 24px rgb(236 86 23 / 0.35);
}

#e25822 Flame ΔE 2.00 #f94d00 Tangelo ΔE 2.28 #ec5800 Persimmon ΔE 2.48 #ff4f00 International Orange ΔE 3.17 #ff4500 Orange Red ΔE 3.50 #ff3800 Coquelicot ΔE 4.76 #ff2800 Ferrari Red ΔE 6.33 #13a9e8 Invertito #888888 Scala di grigi 

Flame
#ec5617  rgb(236, 86, 23)  hsl(18, 85%, 51%)  Flame
#17adec  rgb(23, 173, 236)  hsl(198, 85%, 51%)  Deep Sky Blue
#17ec56  rgb(23, 236, 86)  hsl(138, 85%, 51%)  Malachite
#5617ec  rgb(86, 23, 236)  hsl(258, 85%, 51%)  Han Purple