ColorTool
Log in
#4B3505

#4b3505 ≈ Sepia

  • brown
  • Lightness: very low
  • Saturation: moderate
  • Warm
Check contrast Explore in graph Random color

#4b3505 is a color from the brown family, with very low lightness and moderate saturation. In the RGB model it is made of 29.41% red, 20.78% green and 1.96% blue; printed in CMYK it uses 0% cyan, 29.33% magenta, 93.33% yellow and 70.59% black. Its hue angle is 41.14°, with 87.5% saturation and 15.69% lightness in HSL. It is a warm color, often associated with reliability, warmth and earthiness. Designers typically use it for cafés and coffee brands, rustic and natural styles and luxury branding. White text on this color reaches a contrast ratio of 11.6:1 (WCAG AAA). The closest named color is Sepia (#704214), ΔE 10.27.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#333300
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.0405

Complementary

  1. #4b3505
  2. #051b4b

Split complementary

  1. #4b3505
  2. #053e4b
  3. #12054b

Analogous

  1. #4b1205
  2. #4b3505
  3. #3e4b05

Triadic

  1. #4b3505
  2. #054b35
  3. #35054b

Tetradic

  1. #4b3505
  2. #1b4b05
  3. #051b4b
  4. #35054b

Square

  1. #4b3505
  2. #054b12
  3. #051b4b
  4. #4b053e

Monochromatic

  1. #130e01
  2. #130e01
  3. #4b3505
  4. #93680a
  5. #da9a0f

Shades

#4b3505 mixed progressively with black.

  1. #4b3505
  2. #443005
  3. #3c2a04
  4. #352504
  5. #2d2003
  6. #261b03
  7. #1e1502
  8. #171002
  9. #0f0b01
  10. #080501
  11. #000000

Tints

#4b3505 mixed progressively with white.

  1. #4b3505
  2. #5d491e
  3. #6f5d37
  4. #817250
  5. #938669
  6. #a59a82
  7. #b7ae9b
  8. #c9c2b4
  9. #dbd7cd
  10. #edebe6
  11. #ffffff

Tones

#4b3505 mixed progressively with gray.

  1. #4b3505
  2. #503d11
  3. #56441e
  4. #5b4c2a
  5. #605336
  6. #665b43
  7. #6b624f
  8. #706a5b
  9. #757167
  10. #7b7974
  11. #808080

Readable text 11.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #393939 ≈ 0.003% of males
Achromatomaly #41372c ≈ 0.001% of males
Protanopia #3e3500 ≈ 1.01% of males
Deuteranopia #433b07 ≈ 1.27% of males
Tritanopia #522e2c ≈ 0.0001% of males
Protanomaly #433501 ≈ 1.08% of males
Deuteranomaly #463906 ≈ 4.63% of males
Tritanomaly #503122 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-4b3505 {
  color: #4b3505;
}
Background
.bg-4b3505 {
  background-color: #4b3505;
  color: #ffffff;
}
Border
.border-4b3505 {
  border: 2px solid #4b3505;
}
CSS variables
:root {
  --color-primary: #4b3505;
  --color-primary-rgb: 75 53 5;
  --color-primary-hsl: 41 88% 16%;
}
Gradient
.gradient-4b3505 {
  background: linear-gradient(135deg, #4b3505, #3e4b05);
}
Colored shadow
.shadow-4b3505 {
  box-shadow: 0 8px 24px rgb(75 53 5 / 0.35);
}

#704214 Sepia ΔE 10.27 #6c541e Field Drab ΔE 10.53 #3d2b1f Bistre ΔE 11.96 #483c32 Taupe ΔE 12.54 #6f4e37 Coffee ΔE 13.23 #80461b Russet ΔE 14.61 #4b5320 Army Green ΔE 15.32 #b4cafa Inverted #393939 Grayscale 

Sepia
#4b3505  rgb(75, 53, 5)  hsl(41, 88%, 16%)  Sepia
#051b4b  rgb(5, 27, 75)  hsl(221, 88%, 16%)  Oxford Blue
#054b35  rgb(5, 75, 53)  hsl(161, 88%, 16%)  British Racing Green
#35054b  rgb(53, 5, 75)  hsl(281, 88%, 16%)  Persian Indigo