ColorTool
Log in
#4D685E

#4d685e ≈ Feldgrau

  • teal
  • Lightness: low
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#4d685e is a color from the teal family, with low lightness and muted saturation. In the RGB model it is made of 30.2% red, 40.78% green and 36.86% blue; printed in CMYK it uses 25.96% cyan, 0% magenta, 9.62% yellow and 59.22% black. Its hue angle is 157.78°, with 14.92% saturation and 35.49% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and brand accents. White text on this color reaches a contrast ratio of 6.07:1 (WCAG AA). The closest named color is Feldgrau (#4d5d53), ΔE 4.94.

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

Complementary

  1. #4d685e
  2. #684d57

Split complementary

  1. #4d685e
  2. #684d65
  3. #68504d

Analogous

  1. #4d6850
  2. #4d685e
  3. #4d6568

Triadic

  1. #4d685e
  2. #5e4d68
  3. #685e4d

Tetradic

  1. #4d685e
  2. #4d5768
  3. #684d57
  4. #685e4d

Square

  1. #4d685e
  2. #504d68
  3. #684d57
  4. #65684d

Monochromatic

  1. #0c100f
  2. #2c3c36
  3. #4d685e
  4. #6e9486
  5. #9ab4aa

Shades

#4d685e mixed progressively with black.

  1. #4d685e
  2. #455e55
  3. #3e534b
  4. #364942
  5. #2e3e38
  6. #27342f
  7. #1f2a26
  8. #171f1c
  9. #0f1513
  10. #080a09
  11. #000000

Tints

#4d685e mixed progressively with white.

  1. #4d685e
  2. #5f776e
  3. #71867e
  4. #82958e
  5. #94a49e
  6. #a6b4af
  7. #b8c3bf
  8. #cad2cf
  9. #dbe1df
  10. #edf0ef
  11. #ffffff

Tones

#4d685e mixed progressively with gray.

  1. #4d685e
  2. #526a61
  3. #576d65
  4. #5c6f68
  5. #61726c
  6. #67746f
  7. #6c7672
  8. #717976
  9. #767b79
  10. #7b7e7d
  11. #808080

Readable text 6.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #626262 ≈ 0.003% of males
Achromatomaly #5a6561 ≈ 0.001% of males
Protanopia #66645e ≈ 1.01% of males
Deuteranopia #62615f ≈ 1.27% of males
Tritanopia #476865 ≈ 0.0001% of males
Protanomaly #5d665e ≈ 1.08% of males
Deuteranomaly #5a645e ≈ 4.63% of males
Tritanomaly #496862 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-4d685e {
  color: #4d685e;
}
Background
.bg-4d685e {
  background-color: #4d685e;
  color: #ffffff;
}
Border
.border-4d685e {
  border: 2px solid #4d685e;
}
CSS variables
:root {
  --color-primary: #4d685e;
  --color-primary-rgb: 77 104 94;
  --color-primary-hsl: 158 15% 35%;
}
Gradient
.gradient-4d685e {
  background: linear-gradient(135deg, #4d685e, #4d6568);
}
Colored shadow
.shadow-4d685e {
  box-shadow: 0 8px 24px rgb(77 104 94 / 0.35);
}

#4d5d53 Feldgrau ΔE 4.94 #317873 Myrtle Green ΔE 9.42 #2f4f4f Dark Slate Gray ΔE 10.02 #2f4f4f Dark Slate Grey ΔE 10.02 #355e3b Hunter Green ΔE 10.90 #40826d Viridian ΔE 11.59 #01796f Pine Green ΔE 11.60 #b297a1 Inverted #626262 Grayscale 

Feldgrau
#4d685e  rgb(77, 104, 94)  hsl(158, 15%, 35%)  Feldgrau
#684d57  rgb(104, 77, 87)  hsl(338, 15%, 35%)  Eggplant
#5e4d68  rgb(94, 77, 104)  hsl(278, 15%, 35%)  Eggplant
#685e4d  rgb(104, 94, 77)  hsl(38, 15%, 35%)  Umber