ColorTool
Accedi
#F33735

#f33735 ≈ Cinnabar

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

#f33735 è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 95,29% di rosso, 21,57% di verde e 20,78% di blu; in stampa CMYK usa 0% di ciano, 77,37% di magenta, 78,19% di giallo e 4,71% di nero. Il suo angolo di tinta è 0,63°, con 88,79% di saturazione e 58,04% 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 nero su questo colore raggiunge un rapporto di contrasto di 5,41:1 (WCAG AA). Il colore con nome più vicino è Cinnabar (#e34234), ΔE 2,88.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #f33735
  2. #35f1f3

Complementare diviso

  1. #f33735
  2. #35f396
  3. #3592f3

Analogo

  1. #f33592
  2. #f33735
  3. #f39635

Triadico

  1. #f33735
  2. #35f337
  3. #3735f3

Tetradico

  1. #f33735
  2. #f1f335
  3. #35f1f3
  4. #3735f3

Quadrato

  1. #f33735
  2. #92f335
  3. #35f1f3
  4. #9635f3

Monocromatico

  1. #870908
  2. #cf0e0c
  3. #f33735
  4. #f77e7d
  5. #fcc6c5

Ombre

#f33735 miscelato progressivamente con il nero.

  1. #f33735
  2. #db3230
  3. #c22c2a
  4. #aa2725
  5. #922120
  6. #7a1c1b
  7. #611615
  8. #491110
  9. #310b0b
  10. #180605
  11. #000000

Tinte

#f33735 miscelato progressivamente con il bianco.

  1. #f33735
  2. #f44b49
  3. #f55f5d
  4. #f77372
  5. #f88786
  6. #f99b9a
  7. #faafae
  8. #fbc3c2
  9. #fdd7d7
  10. #feebeb
  11. #ffffff

Toni

#f33735 miscelato progressivamente con il grigio.

  1. #f33735
  2. #e83e3d
  3. #dc4644
  4. #d14d4c
  5. #c55453
  6. #ba5c5b
  7. #ae6362
  8. #a36a6a
  9. #977171
  10. #8c7979
  11. #808080

Testo leggibile 3.88:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.41:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #818181 ≈ 0.003% degli uomini
Acromatomalia #ba6b6b ≈ 0.001% degli uomini
Protanopia #726732 ≈ 1.01% degli uomini
Deuteranopia #a1902c ≈ 1.27% degli uomini
Tritanopia #ff0039 ≈ 0.0001% degli uomini
Protanomalia #b55833 ≈ 1.08% degli uomini
Deuteranomalia #c77630 ≈ 4.63% degli uomini
Tritanomalia #ff0038 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-f33735 {
  color: #f33735;
}
Sfondo
.bg-f33735 {
  background-color: #f33735;
  color: #000000;
}
Bordo
.border-f33735 {
  border: 2px solid #f33735;
}
Variabili CSS
:root {
  --color-primary: #f33735;
  --color-primary-rgb: 243 55 53;
  --color-primary-hsl: 1 89% 58%;
}
Sfumatura
.gradient-f33735 {
  background: linear-gradient(135deg, #f33735, #f39635);
}
Ombra colorata
.shadow-f33735 {
  box-shadow: 0 8px 24px rgb(243 55 53 / 0.35);
}

#e34234 Cinnabar ΔE 2.88 #e34234 Vermilion ΔE 2.88 #fd0e35 Tractor Red ΔE 3.19 #e62020 Lust ΔE 5.01 #ff0000 Red ΔE 6.39 #ff0800 Candy Apple Red ΔE 6.46 #e30022 Cadmium Red ΔE 6.59 #0cc8ca Invertito #818181 Scala di grigi 

Cinnabar
#f33735  rgb(243, 55, 53)  hsl(1, 89%, 58%)  Cinnabar
#35f1f3  rgb(53, 241, 243)  hsl(181, 89%, 58%)  Aqua
#35f337  rgb(53, 243, 55)  hsl(121, 89%, 58%)  Lime
#3735f3  rgb(55, 53, 243)  hsl(241, 89%, 58%)  Han Purple