ColorTool
Log in
#776C4D

#776c4d ≈ Raw Umber

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

#776c4d is a color from the brown family, with low lightness and muted saturation. In the RGB model it is made of 46.67% red, 42.35% green and 30.2% blue; printed in CMYK it uses 0% cyan, 9.24% magenta, 35.29% yellow and 53.33% black. Its hue angle is 44.29°, with 21.43% saturation and 38.43% 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 brand accents. White text on this color reaches a contrast ratio of 5.2:1 (WCAG AA). The closest named color is Raw Umber (#826644), ΔE 7.54.

Description generated from the measured properties of this color.

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

Complementary

  1. #776c4d
  2. #4d5877

Split complementary

  1. #776c4d
  2. #4d6d77
  3. #574d77

Analogous

  1. #77574d
  2. #776c4d
  3. #6d774d

Triadic

  1. #776c4d
  2. #4d776c
  3. #6c4d77

Tetradic

  1. #776c4d
  2. #58774d
  3. #4d5877
  4. #6c4d77

Square

  1. #776c4d
  2. #4d7757
  3. #4d5877
  4. #774d6d

Monochromatic

  1. #1a1811
  2. #49422f
  3. #776c4d
  4. #a2946f
  5. #c0b79d

Shades

#776c4d mixed progressively with black.

  1. #776c4d
  2. #6b6145
  3. #5f563e
  4. #534c36
  5. #47412e
  6. #3c3627
  7. #302b1f
  8. #242017
  9. #18160f
  10. #0c0b08
  11. #000000

Tints

#776c4d mixed progressively with white.

  1. #776c4d
  2. #857b5f
  3. #928971
  4. #a09882
  5. #ada794
  6. #bbb6a6
  7. #c9c4b8
  8. #d6d3ca
  9. #e4e2db
  10. #f1f0ed
  11. #ffffff

Tones

#776c4d mixed progressively with gray.

  1. #776c4d
  2. #786e52
  3. #797057
  4. #7a725c
  5. #7b7461
  6. #7c7667
  7. #7c786c
  8. #7d7a71
  9. #7e7c76
  10. #7f7e7b
  11. #808080

Readable text 5.2:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #6d6d6d ≈ 0.003% of males
Achromatomaly #716c61 ≈ 0.001% of males
Protanopia #736b4b ≈ 1.01% of males
Deuteranopia #766e4e ≈ 1.27% of males
Tritanopia #7d6764 ≈ 0.0001% of males
Protanomaly #746b4c ≈ 1.08% of males
Deuteranomaly #766d4e ≈ 4.63% of males
Tritanomaly #7b695c ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-776c4d {
  color: #776c4d;
}
Background
.bg-776c4d {
  background-color: #776c4d;
  color: #ffffff;
}
Border
.border-776c4d {
  border: 2px solid #776c4d;
}
CSS variables
:root {
  --color-primary: #776c4d;
  --color-primary-rgb: 119 108 77;
  --color-primary-hsl: 44 21% 38%;
}
Gradient
.gradient-776c4d {
  background: linear-gradient(135deg, #776c4d, #6d774d);
}
Colored shadow
.shadow-776c4d {
  box-shadow: 0 8px 24px rgb(119 108 77 / 0.35);
}

#826644 Raw Umber ΔE 7.54 #6c541e Field Drab ΔE 11.04 #696969 Dim Gray ΔE 13.37 #696969 Dim Grey ΔE 13.37 #556b2f Dark Olive Green ΔE 13.65 #635147 Umber ΔE 14.33 #4b5320 Army Green ΔE 14.34 #8893b2 Inverted #6d6d6d Grayscale 

Raw Umber
#776c4d  rgb(119, 108, 77)  hsl(44, 21%, 38%)  Raw Umber
#4d5877  rgb(77, 88, 119)  hsl(224, 21%, 38%)  Queen Blue
#4d776c  rgb(77, 119, 108)  hsl(164, 21%, 38%)  Myrtle Green
#6c4d77  rgb(108, 77, 119)  hsl(284, 21%, 38%)  Deep Plum