ColorTool
Log in
#8E9C82

#8e9c82 ≈ Xanadu

  • yellow-green
  • Lightness: medium
  • Saturation: almost no
  • Neutral
Check contrast Explore in graph Random color

#8e9c82 is a color from the yellow-green family, with medium lightness and almost no saturation. In the RGB model it is made of 55.69% red, 61.18% green and 50.98% blue; printed in CMYK it uses 8.97% cyan, 0% magenta, 16.67% yellow and 38.82% black. Its hue angle is 92.31°, with 11.61% saturation and 56.08% lightness in HSL. It is a neutral color, 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.23:1 (WCAG AAA). The closest named color is Xanadu (#738678), ΔE 9.01.

Description generated from the measured properties of this color.

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

Complementary

  1. #8e9c82
  2. #90829c

Split complementary

  1. #8e9c82
  2. #83829c
  3. #9c829b

Analogous

  1. #9b9c82
  2. #8e9c82
  3. #829c83

Triadic

  1. #8e9c82
  2. #828e9c
  3. #9c828e

Tetradic

  1. #8e9c82
  2. #829c90
  3. #90829c
  4. #9c828e

Square

  1. #8e9c82
  2. #829b9c
  3. #90829c
  4. #9c8382

Monochromatic

  1. #424a3b
  2. #68755d
  3. #8e9c82
  4. #b5bead
  5. #dbe0d7

Shades

#8e9c82 mixed progressively with black.

  1. #8e9c82
  2. #808c75
  3. #727d68
  4. #636d5b
  5. #555e4e
  6. #474e41
  7. #393e34
  8. #2b2f27
  9. #1c1f1a
  10. #0e100d
  11. #000000

Tints

#8e9c82 mixed progressively with white.

  1. #8e9c82
  2. #99a68f
  3. #a5b09b
  4. #b0baa8
  5. #bbc4b4
  6. #c7cec1
  7. #d2d7cd
  8. #dde1da
  9. #e8ebe6
  10. #f4f5f3
  11. #ffffff

Tones

#8e9c82 mixed progressively with gray.

  1. #8e9c82
  2. #8d9982
  3. #8b9682
  4. #8a9481
  5. #889181
  6. #878e81
  7. #868b81
  8. #848881
  9. #838680
  10. #818380
  11. #808080

Readable text 2.91:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #979797 ≈ 0.003% of males
Achromatomaly #94998f ≈ 0.001% of males
Protanopia #9f9881 ≈ 1.01% of males
Deuteranopia #9c9783 ≈ 1.27% of males
Tritanopia #8f9a95 ≈ 0.0001% of males
Protanomaly #989a81 ≈ 1.08% of males
Deuteranomaly #979983 ≈ 4.63% of males
Tritanomaly #8f9b8e ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-8e9c82 {
  color: #8e9c82;
}
Background
.bg-8e9c82 {
  background-color: #8e9c82;
  color: #000000;
}
Border
.border-8e9c82 {
  border: 2px solid #8e9c82;
}
CSS variables
:root {
  --color-primary: #8e9c82;
  --color-primary-rgb: 142 156 130;
  --color-primary-hsl: 92 12% 56%;
}
Gradient
.gradient-8e9c82 {
  background: linear-gradient(135deg, #8e9c82, #829c83);
}
Colored shadow
.shadow-8e9c82 {
  box-shadow: 0 8px 24px rgb(142 156 130 / 0.35);
}

#738678 Xanadu ΔE 9.01 #8a9a5b Moss Green ΔE 9.85 #87a96b Asparagus ΔE 10.12 #8fbc8f Dark Sea Green ΔE 11.51 #b2beb5 Ash Gray ΔE 12.41 #bcb88a Sage ΔE 12.51 #9ab973 Olivine ΔE 12.92 #71637d Inverted #979797 Grayscale 

Xanadu
#8e9c82  rgb(142, 156, 130)  hsl(92, 12%, 56%)  Xanadu
#90829c  rgb(144, 130, 156)  hsl(272, 12%, 56%)  Mountbatten Pink
#828e9c  rgb(130, 142, 156)  hsl(212, 12%, 56%)  Light Slate Gray
#9c828e  rgb(156, 130, 142)  hsl(332, 12%, 56%)  Mountbatten Pink