ColorTool
Accedi
#F4611B

#f4611b ≈ Persimmon

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

#f4611b è un colore della famiglia «arancione», con luminosità media e saturazione vivace. Nel modello RGB è composto da 95,69% di rosso, 38,04% di verde e 10,59% di blu; in stampa CMYK usa 0% di ciano, 60,25% di magenta, 88,93% di giallo e 4,31% di nero. Il suo angolo di tinta è 19,35°, con 90,79% di saturazione e 53,14% 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 6,57:1 (WCAG AA). Il colore con nome più vicino è Persimmon (#ec5800), ΔE 2,86.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #f4611b
  2. #1baef4

Complementare diviso

  1. #f4611b
  2. #1bf4cd
  3. #1b42f4

Analogo

  1. #f41b42
  2. #f4611b
  3. #f4cd1b

Triadico

  1. #f4611b
  2. #1bf461
  3. #611bf4

Tetradico

  1. #f4611b
  2. #aef41b
  3. #1baef4
  4. #611bf4

Quadrato

  1. #f4611b
  2. #42f41b
  3. #1baef4
  4. #cd1bf4

Monocromatico

  1. #712805
  2. #ba4209
  3. #f4611b
  4. #f89464
  5. #fbc6ad

Ombre

#f4611b miscelato progressivamente con il nero.

  1. #f4611b
  2. #dc5718
  3. #c34e16
  4. #ab4413
  5. #923a10
  6. #7a310e
  7. #62270b
  8. #491d08
  9. #311305
  10. #180a03
  11. #000000

Tinte

#f4611b miscelato progressivamente con il bianco.

  1. #f4611b
  2. #f57132
  3. #f68149
  4. #f7905f
  5. #f8a076
  6. #fab08d
  7. #fbc0a4
  8. #fcd0bb
  9. #fddfd1
  10. #feefe8
  11. #ffffff

Toni

#f4611b miscelato progressivamente con il grigio.

  1. #f4611b
  2. #e86425
  3. #dd672f
  4. #d16a39
  5. #c66d43
  6. #ba714e
  7. #ae7458
  8. #a37762
  9. #977a6c
  10. #8c7d76
  11. #808080

Testo leggibile 3.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #909090 ≈ 0.003% degli uomini
Acromatomalia #c08073 ≈ 0.001% degli uomini
Protanopia #8c7b07 ≈ 1.01% degli uomini
Deuteranopia #b09c10 ≈ 1.27% degli uomini
Tritanopia #ff3a55 ≈ 0.0001% degli uomini
Protanomalia #bf7211 ≈ 1.08% degli uomini
Deuteranomalia #cf8915 ≈ 4.63% degli uomini
Tritanomalia #ff4c44 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-f4611b {
  color: #f4611b;
}
Sfondo
.bg-f4611b {
  background-color: #f4611b;
  color: #000000;
}
Bordo
.border-f4611b {
  border: 2px solid #f4611b;
}
Variabili CSS
:root {
  --color-primary: #f4611b;
  --color-primary-rgb: 244 97 27;
  --color-primary-hsl: 19 91% 53%;
}
Sfumatura
.gradient-f4611b {
  background: linear-gradient(135deg, #f4611b, #f4cd1b);
}
Ombra colorata
.shadow-f4611b {
  box-shadow: 0 8px 24px rgb(244 97 27 / 0.35);
}

#ec5800 Persimmon ΔE 2.86 #ff4f00 International Orange ΔE 3.20 #f94d00 Tangelo ΔE 3.48 #e25822 Flame ΔE 4.65 #ff4500 Orange Red ΔE 4.80 #ff7518 Pumpkin ΔE 6.09 #ff3800 Coquelicot ΔE 6.72 #0b9ee4 Invertito #909090 Scala di grigi 

Persimmon
#f4611b  rgb(244, 97, 27)  hsl(19, 91%, 53%)  Persimmon
#1baef4  rgb(27, 174, 244)  hsl(199, 91%, 53%)  Deep Sky Blue
#1bf461  rgb(27, 244, 97)  hsl(139, 91%, 53%)  Spring Green
#611bf4  rgb(97, 27, 244)  hsl(259, 91%, 53%)  Han Purple