ColorTool
Accedi
#5F2C00

#5f2c00 ≈ Sepia

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

#5f2c00 è un colore della famiglia «marrone», con luminosità molto bassa e saturazione moderata. Nel modello RGB è composto da 37,25% di rosso, 17,25% di verde e 0% di blu; in stampa CMYK usa 0% di ciano, 53,68% di magenta, 100% di giallo e 62,75% di nero. Il suo angolo di tinta è 27,79°, con 100% di saturazione e 18,63% 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 marchi di lusso. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 11,37:1 (WCAG AAA). Il colore con nome più vicino è Sepia (#704214), ΔE 6,99.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #5f2c00
  2. #00335f

Complementare diviso

  1. #5f2c00
  2. #005f5c
  3. #00035f

Analogo

  1. #5f0003
  2. #5f2c00
  3. #5f5c00

Triadico

  1. #5f2c00
  2. #005f2c
  3. #2c005f

Tetradico

  1. #5f2c00
  2. #335f00
  3. #00335f
  4. #2c005f

Quadrato

  1. #5f2c00
  2. #035f00
  3. #00335f
  4. #5c005f

Monocromatico

  1. #140900
  2. #140900
  3. #5f2c00
  4. #ac4f00
  5. #f87300

Ombre

#5f2c00 miscelato progressivamente con il nero.

  1. #5f2c00
  2. #562800
  3. #4c2300
  4. #431f00
  5. #391a00
  6. #301600
  7. #261200
  8. #1d0d00
  9. #130900
  10. #0a0400
  11. #000000

Tinte

#5f2c00 miscelato progressivamente con il bianco.

  1. #5f2c00
  2. #6f411a
  3. #7f5633
  4. #8f6b4d
  5. #9f8066
  6. #af9680
  7. #bfab99
  8. #cfc0b3
  9. #dfd5cc
  10. #efeae6
  11. #ffffff

Toni

#5f2c00 miscelato progressivamente con il grigio.

  1. #5f2c00
  2. #62340d
  3. #663d1a
  4. #694526
  5. #6c4e33
  6. #705640
  7. #735e4d
  8. #76675a
  9. #796f66
  10. #7d7873
  11. #808080

Testo leggibile 11.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3a3a3a ≈ 0.003% degli uomini
Acromatomalia #4b352c ≈ 0.001% degli uomini
Protanopia #3b3300 ≈ 1.01% degli uomini
Deuteranopia #473f00 ≈ 1.27% degli uomini
Tritanopia #692024 ≈ 0.0001% degli uomini
Protanomalia #4c3000 ≈ 1.08% degli uomini
Deuteranomalia #523800 ≈ 4.63% degli uomini
Tritanomalia #65251b ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-5f2c00 {
  color: #5f2c00;
}
Sfondo
.bg-5f2c00 {
  background-color: #5f2c00;
  color: #ffffff;
}
Bordo
.border-5f2c00 {
  border: 2px solid #5f2c00;
}
Variabili CSS
:root {
  --color-primary: #5f2c00;
  --color-primary-rgb: 95 44 0;
  --color-primary-hsl: 28 100% 19%;
}
Sfumatura
.gradient-5f2c00 {
  background: linear-gradient(135deg, #5f2c00, #5f5c00);
}
Ombra colorata
.shadow-5f2c00 {
  box-shadow: 0 8px 24px rgb(95 44 0 / 0.35);
}

#704214 Sepia ΔE 6.99 #80461b Russet ΔE 9.05 #8b4513 Saddle Brown ΔE 10.65 #882d17 Kobe ΔE 11.65 #592720 Caput Mortuum ΔE 11.89 #6f4e37 Coffee ΔE 11.93 #3d2b1f Bistre ΔE 13.19 #a0d3ff Invertito #3a3a3a Scala di grigi 

Sepia
#5f2c00  rgb(95, 44, 0)  hsl(28, 100%, 19%)  Sepia
#00335f  rgb(0, 51, 95)  hsl(208, 100%, 19%)  Prussian Blue
#005f2c  rgb(0, 95, 44)  hsl(148, 100%, 19%)  Cadmium Green
#2c005f  rgb(44, 0, 95)  hsl(268, 100%, 19%)  Persian Indigo