ColorTool
Log in
#929A7E

#929a7e ≈ Moss Green

  • yellow-green
  • Lightness: medium
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#929a7e is a color from the yellow-green family, with medium lightness and muted saturation. In the RGB model it is made of 57.25% red, 60.39% green and 49.41% blue; printed in CMYK it uses 5.19% cyan, 0% magenta, 18.18% yellow and 39.61% black. Its hue angle is 77.14°, with 12.17% saturation and 54.9% lightness in HSL. It sits between warm and cool, and is often associated with freshness, growth and vitality. Designers typically use it for eco-friendly brands, health and wellness and brand accents. Black text on this color reaches a contrast ratio of 7.15:1 (WCAG AAA). The closest named color is Moss Green (#8a9a5b), ΔE 9.13.

Description generated from the measured properties of this color.

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

Complementary

  1. #929a7e
  2. #867e9a

Split complementary

  1. #929a7e
  2. #7e849a
  3. #947e9a

Analogous

  1. #9a947e
  2. #929a7e
  3. #849a7e

Triadic

  1. #929a7e
  2. #7e929a
  3. #9a7e92

Tetradic

  1. #929a7e
  2. #7e9a86
  3. #867e9a
  4. #9a7e92

Square

  1. #929a7e
  2. #7e9a94
  3. #867e9a
  4. #9a7e84

Monochromatic

  1. #434738
  2. #6b7259
  3. #929a7e
  4. #b6bca9
  5. #dbddd4

Shades

#929a7e mixed progressively with black.

  1. #929a7e
  2. #838b71
  3. #757b65
  4. #666c58
  5. #585c4c
  6. #494d3f
  7. #3a3e32
  8. #2c2e26
  9. #1d1f19
  10. #0f0f0d
  11. #000000

Tints

#929a7e mixed progressively with white.

  1. #929a7e
  2. #9da48b
  3. #a8ae98
  4. #b3b8a5
  5. #bec2b2
  6. #c9cdbf
  7. #d3d7cb
  8. #dee1d8
  9. #e9ebe5
  10. #f4f5f2
  11. #ffffff

Tones

#929a7e mixed progressively with gray.

  1. #929a7e
  2. #90977e
  3. #8e957e
  4. #8d927f
  5. #8b907f
  6. #898d7f
  7. #878a7f
  8. #85887f
  9. #848580
  10. #828380
  11. #808080

Readable text 2.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #979797 ≈ 0.003% of males
Achromatomaly #95988d ≈ 0.001% of males
Protanopia #9e977c ≈ 1.01% of males
Deuteranopia #9d977f ≈ 1.27% of males
Tritanopia #959792 ≈ 0.0001% of males
Protanomaly #99987d ≈ 1.08% of males
Deuteranomaly #99987f ≈ 4.63% of males
Tritanomaly #94988b ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-929a7e {
  color: #929a7e;
}
Background
.bg-929a7e {
  background-color: #929a7e;
  color: #000000;
}
Border
.border-929a7e {
  border: 2px solid #929a7e;
}
CSS variables
:root {
  --color-primary: #929a7e;
  --color-primary-rgb: 146 154 126;
  --color-primary-hsl: 77 12% 55%;
}
Gradient
.gradient-929a7e {
  background: linear-gradient(135deg, #929a7e, #849a7e);
}
Colored shadow
.shadow-929a7e {
  box-shadow: 0 8px 24px rgb(146 154 126 / 0.35);
}

#8a9a5b Moss Green ΔE 9.13 #738678 Xanadu ΔE 9.84 #87a96b Asparagus ΔE 10.47 #bcb88a Sage ΔE 11.41 #8fbc8f Dark Sea Green ΔE 12.81 #b2beb5 Ash Gray ΔE 13.02 #9ab973 Olivine ΔE 13.03 #6d6581 Inverted #979797 Grayscale 

Moss Green
#929a7e  rgb(146, 154, 126)  hsl(77, 12%, 55%)  Moss Green
#867e9a  rgb(134, 126, 154)  hsl(257, 12%, 55%)  Cool Gray
#7e929a  rgb(126, 146, 154)  hsl(197, 12%, 55%)  Light Slate Gray
#9a7e92  rgb(154, 126, 146)  hsl(317, 12%, 55%)  Mountbatten Pink