ColorTool
Accedi
#563102

#563102 ≈ Sepia

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

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

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

Complementare

  1. #563102
  2. #022756

Complementare diviso

  1. #563102
  2. #025156
  3. #070256

Analogo

  1. #560702
  2. #563102
  3. #515602

Triadico

  1. #563102
  2. #025631
  3. #310256

Tetradico

  1. #563102
  2. #275602
  3. #022756
  4. #310256

Quadrato

  1. #563102
  2. #025607
  3. #022756
  4. #560251

Monocromatico

  1. #140b00
  2. #140b00
  3. #563102
  4. #a15c04
  5. #eb8605

Ombre

#563102 miscelato progressivamente con il nero.

  1. #563102
  2. #4d2c02
  3. #452702
  4. #3c2201
  5. #341d01
  6. #2b1901
  7. #221401
  8. #1a0f01
  9. #110a00
  10. #090500
  11. #000000

Tinte

#563102 miscelato progressivamente con il bianco.

  1. #563102
  2. #67461b
  3. #785a35
  4. #896f4e
  5. #9a8367
  6. #ab9881
  7. #bbad9a
  8. #ccc1b3
  9. #ddd6cc
  10. #eeeae6
  11. #ffffff

Toni

#563102 miscelato progressivamente con il grigio.

  1. #563102
  2. #5a390f
  3. #5e411b
  4. #634928
  5. #675134
  6. #6b5941
  7. #6f604e
  8. #73685a
  9. #787067
  10. #7c7873
  11. #808080

Testo leggibile 11.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3a3a3a ≈ 0.003% degli uomini
Acromatomalia #47362c ≈ 0.001% degli uomini
Protanopia #3d3400 ≈ 1.01% degli uomini
Deuteranopia #463d03 ≈ 1.27% degli uomini
Tritanopia #5f2829 ≈ 0.0001% degli uomini
Protanomalia #483300 ≈ 1.08% degli uomini
Deuteranomalia #4d3902 ≈ 4.63% degli uomini
Tritanomalia #5c2c1f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

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

#704214 Sepia ΔE 6.65 #80461b Russet ΔE 10.51 #6f4e37 Coffee ΔE 11.46 #3d2b1f Bistre ΔE 11.83 #6c541e Field Drab ΔE 12.51 #8b4513 Saddle Brown ΔE 12.73 #483c32 Taupe ΔE 13.71 #a9cefd Invertito #3a3a3a Scala di grigi 

Sepia
#563102  rgb(86, 49, 2)  hsl(34, 95%, 17%)  Sepia
#022756  rgb(2, 39, 86)  hsl(214, 95%, 17%)  Oxford Blue
#025631  rgb(2, 86, 49)  hsl(154, 95%, 17%)  Hunter Green
#310256  rgb(49, 2, 86)  hsl(274, 95%, 17%)  Persian Indigo