ColorTool
Accedi
#552F02

#552f02 ≈ Sepia

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

#552f02 è un colore della famiglia «marrone», con luminosità molto bassa e saturazione moderata. Nel modello RGB è composto da 33,33% di rosso, 18,43% di verde e 0,78% di blu; in stampa CMYK usa 0% di ciano, 44,71% di magenta, 97,65% di giallo e 66,67% di nero. Il suo angolo di tinta è 32,53°, con 95,4% di saturazione e 17,06% 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,71:1 (WCAG AAA). Il colore con nome più vicino è Sepia (#704214), ΔE 7,02.

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

Complementare

  1. #552f02
  2. #022855

Complementare diviso

  1. #552f02
  2. #025255
  3. #060255

Analogo

  1. #550602
  2. #552f02
  3. #525502

Triadico

  1. #552f02
  2. #02552f
  3. #2f0255

Tetradico

  1. #552f02
  2. #285502
  3. #022855
  4. #2f0255

Quadrato

  1. #552f02
  2. #025506
  3. #022855
  4. #550252

Monocromatico

  1. #140b00
  2. #140b00
  3. #552f02
  4. #a05804
  5. #ea8206

Ombre

#552f02 miscelato progressivamente con il nero.

  1. #552f02
  2. #4d2a02
  3. #442602
  4. #3c2101
  5. #331c01
  6. #2b1801
  7. #221301
  8. #1a0e01
  9. #110900
  10. #090500
  11. #000000

Tinte

#552f02 miscelato progressivamente con il bianco.

  1. #552f02
  2. #66441b
  3. #775935
  4. #886d4e
  5. #998267
  6. #aa9781
  7. #bbac9a
  8. #ccc1b3
  9. #ddd5cc
  10. #eeeae6
  11. #ffffff

Toni

#552f02 miscelato progressivamente con il grigio.

  1. #552f02
  2. #59370f
  3. #5e3f1b
  4. #624728
  5. #664f34
  6. #6b5841
  7. #6f604e
  8. #73685a
  9. #777067
  10. #7c7873
  11. #808080

Testo leggibile 11.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.79:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #383838 ≈ 0.003% degli uomini
Acromatomalia #45352b ≈ 0.001% degli uomini
Protanopia #3b3300 ≈ 1.01% degli uomini
Deuteranopia #443c02 ≈ 1.27% degli uomini
Tritanopia #5e2627 ≈ 0.0001% degli uomini
Protanomalia #473100 ≈ 1.08% degli uomini
Deuteranomalia #4b3702 ≈ 4.63% degli uomini
Tritanomalia #5a2a1d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-552f02 {
  color: #552f02;
}
Sfondo
.bg-552f02 {
  background-color: #552f02;
  color: #ffffff;
}
Bordo
.border-552f02 {
  border: 2px solid #552f02;
}
Variabili CSS
:root {
  --color-primary: #552f02;
  --color-primary-rgb: 85 47 2;
  --color-primary-hsl: 33 95% 17%;
}
Sfumatura
.gradient-552f02 {
  background: linear-gradient(135deg, #552f02, #525502);
}
Ombra colorata
.shadow-552f02 {
  box-shadow: 0 8px 24px rgb(85 47 2 / 0.35);
}

#704214 Sepia ΔE 7.02 #80461b Russet ΔE 10.65 #3d2b1f Bistre ΔE 11.47 #6f4e37 Coffee ΔE 11.63 #8b4513 Saddle Brown ΔE 12.82 #6c541e Field Drab ΔE 13.34 #483c32 Taupe ΔE 13.70 #aad0fd Invertito #383838 Scala di grigi 

Sepia
#552f02  rgb(85, 47, 2)  hsl(33, 95%, 17%)  Sepia
#022855  rgb(2, 40, 85)  hsl(213, 95%, 17%)  Oxford Blue
#02552f  rgb(2, 85, 47)  hsl(153, 95%, 17%)  Hunter Green
#2f0255  rgb(47, 2, 85)  hsl(273, 95%, 17%)  Persian Indigo