ColorTool
Accedi
#CF3315

#cf3315 ≈ Rosso Corsa

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

#cf3315 è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 81,18% di rosso, 20% di verde e 8,24% di blu; in stampa CMYK usa 0% di ciano, 75,36% di magenta, 89,86% di giallo e 18,82% di nero. Il suo angolo di tinta è 9,68°, con 81,58% di saturazione e 44,71% 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 bianco su questo colore raggiunge un rapporto di contrasto di 5,08:1 (WCAG AA). Il colore con nome più vicino è Rosso Corsa (#d40000), ΔE 3,52.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #cf3315
  2. #15b1cf

Complementare diviso

  1. #cf3315
  2. #15cf90
  3. #1554cf

Analogo

  1. #cf1554
  2. #cf3315
  3. #cf9015

Triadico

  1. #cf3315
  2. #15cf33
  3. #3315cf

Tetradico

  1. #cf3315
  2. #b1cf15
  3. #15b1cf
  4. #3315cf

Quadrato

  1. #cf3315
  2. #54cf15
  3. #15b1cf
  4. #9015cf

Monocromatico

  1. #441107
  2. #8a220e
  3. #cf3315
  4. #ec5f44
  5. #f39b8a

Ombre

#cf3315 miscelato progressivamente con il nero.

  1. #cf3315
  2. #ba2e13
  3. #a62911
  4. #91240f
  5. #7c1f0d
  6. #681a0b
  7. #531408
  8. #3e0f06
  9. #290a04
  10. #150502
  11. #000000

Tinte

#cf3315 miscelato progressivamente con il bianco.

  1. #cf3315
  2. #d4472c
  3. #d95c44
  4. #dd705b
  5. #e28573
  6. #e7998a
  7. #ecada1
  8. #f1c2b9
  9. #f5d6d0
  10. #faebe8
  11. #ffffff

Toni

#cf3315 miscelato progressivamente con il grigio.

  1. #cf3315
  2. #c73b20
  3. #bf422a
  4. #b74a35
  5. #af5240
  6. #a85a4b
  7. #a06155
  8. #986960
  9. #90716b
  10. #887875
  11. #808080

Testo leggibile 5.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6e6e6e ≈ 0.003% degli uomini
Acromatomalia #9e5c58 ≈ 0.001% degli uomini
Protanopia #64580d ≈ 1.01% degli uomini
Deuteranopia #8a7b04 ≈ 1.27% degli uomini
Tritanopia #e4002f ≈ 0.0001% degli uomini
Protanomalia #9b4c10 ≈ 1.08% degli uomini
Deuteranomalia #aa660c ≈ 4.63% degli uomini
Tritanomalia #dc0a27 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-cf3315 {
  color: #cf3315;
}
Sfondo
.bg-cf3315 {
  background-color: #cf3315;
  color: #ffffff;
}
Bordo
.border-cf3315 {
  border: 2px solid #cf3315;
}
Variabili CSS
:root {
  --color-primary: #cf3315;
  --color-primary-rgb: 207 51 21;
  --color-primary-hsl: 10 82% 45%;
}
Sfumatura
.gradient-cf3315 {
  background: linear-gradient(135deg, #cf3315, #cf9015);
}
Ombra colorata
.shadow-cf3315 {
  box-shadow: 0 8px 24px rgb(207 51 21 / 0.35);
}

#d40000 Rosso Corsa ΔE 3.52 #cb410b Sinopia ΔE 4.11 #e62020 Lust ΔE 5.26 #c04000 Mahogany ΔE 5.82 #c80815 Venetian Red ΔE 5.86 #b7410e Rust ΔE 5.93 #cf1020 Lava ΔE 6.22 #30ccea Invertito #6e6e6e Scala di grigi 

Rosso Corsa
#cf3315  rgb(207, 51, 21)  hsl(10, 82%, 45%)  Rosso Corsa
#15b1cf  rgb(21, 177, 207)  hsl(190, 82%, 45%)  Moonstone Blue
#15cf33  rgb(21, 207, 51)  hsl(130, 82%, 45%)  Lime Green
#3315cf  rgb(51, 21, 207)  hsl(250, 82%, 45%)  Medium Blue