ColorTool
Accedi
#C33303

#c33303 ≈ Rust

  • marrone
  • Luminosità: bassa
  • Saturazione: vivace
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#c33303 è un colore della famiglia «marrone», con luminosità bassa e saturazione vivace. Nel modello RGB è composto da 76,47% di rosso, 20% di verde e 1,18% di blu; in stampa CMYK usa 0% di ciano, 73,85% di magenta, 98,46% di giallo e 23,53% di nero. Il suo angolo di tinta è 15°, con 96,97% di saturazione e 38,82% di luminosità in HSL. È un colore caldo, spesso associato a affidabilità, calore e concretezza. I designer lo usano spesso per caffetterie e marchi di caffè, stili rustici e naturali e pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,53:1 (WCAG AA). Il colore con nome più vicino è Rust (#b7410e), ΔE 3,18.

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.1398

Complementare

  1. #c33303
  2. #0393c3

Complementare diviso

  1. #c33303
  2. #03c393
  3. #0333c3

Analogo

  1. #c30333
  2. #c33303
  3. #c39303

Triadico

  1. #c33303
  2. #03c333
  3. #3303c3

Tetradico

  1. #c33303
  2. #93c303
  3. #0393c3
  4. #3303c3

Quadrato

  1. #c33303
  2. #33c303
  3. #0393c3
  4. #9303c3

Monocromatico

  1. #2c0c01
  2. #781f02
  3. #c33303
  4. #fb5017
  5. #fd8962

Ombre

#c33303 miscelato progressivamente con il nero.

  1. #c33303
  2. #b02e03
  3. #9c2902
  4. #892402
  5. #751f02
  6. #621a02
  7. #4e1401
  8. #3b0f01
  9. #270a01
  10. #140500
  11. #000000

Tinte

#c33303 miscelato progressivamente con il bianco.

  1. #c33303
  2. #c9471c
  3. #cf5c35
  4. #d5704f
  5. #db8568
  6. #e19981
  7. #e7ad9a
  8. #edc2b3
  9. #f3d6cd
  10. #f9ebe6
  11. #ffffff

Toni

#c33303 miscelato progressivamente con il grigio.

  1. #c33303
  2. #bc3b10
  3. #b6421c
  4. #af4a29
  5. #a85235
  6. #a25a42
  7. #9b614e
  8. #94695b
  9. #8d7167
  10. #877874
  11. #808080

Testo leggibile 5.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.8:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% degli uomini
Acromatomalia #955852 ≈ 0.001% degli uomini
Protanopia #605400 ≈ 1.01% degli uomini
Deuteranopia #837400 ≈ 1.27% degli uomini
Tritanopia #d7002d ≈ 0.0001% degli uomini
Protanomalia #924900 ≈ 1.08% degli uomini
Deuteranomalia #a16100 ≈ 4.63% degli uomini
Tritanomalia #d01222 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-c33303 {
  color: #c33303;
}
Sfondo
.bg-c33303 {
  background-color: #c33303;
  color: #ffffff;
}
Bordo
.border-c33303 {
  border: 2px solid #c33303;
}
Variabili CSS
:root {
  --color-primary: #c33303;
  --color-primary-rgb: 195 51 3;
  --color-primary-hsl: 15 97% 39%;
}
Sfumatura
.gradient-c33303 {
  background: linear-gradient(135deg, #c33303, #c39303);
}
Ombra colorata
.shadow-c33303 {
  box-shadow: 0 8px 24px rgb(195 51 3 / 0.35);
}

#b7410e Rust ΔE 3.18 #c04000 Mahogany ΔE 3.28 #cb410b Sinopia ΔE 3.53 #d40000 Rosso Corsa ΔE 4.80 #c80815 Venetian Red ΔE 7.03 #a81c07 Rufous ΔE 7.74 #cf1020 Lava ΔE 8.39 #3cccfc Invertito #686868 Scala di grigi 

Rust
#c33303  rgb(195, 51, 3)  hsl(15, 97%, 39%)  Rust
#0393c3  rgb(3, 147, 195)  hsl(195, 97%, 39%)  Bondi Blue
#03c333  rgb(3, 195, 51)  hsl(135, 97%, 39%)  Lime Green
#3303c3  rgb(51, 3, 195)  hsl(255, 97%, 39%)  Medium Blue