ColorTool
Log in
#898B6B

#898b6b ≈ Moss Green

  • yellow
  • Lightness: medium
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#898b6b is a color from the yellow family, with medium lightness and muted saturation. In the RGB model it is made of 53.73% red, 54.51% green and 41.96% blue; printed in CMYK it uses 1.44% cyan, 0% magenta, 23.02% yellow and 45.49% black. Its hue angle is 63.75°, with 13.01% saturation and 48.24% lightness in HSL. It is a warm color, often associated with optimism, attention and joy. Designers typically use it for highlights and warnings, children's products and brand accents. Black text on this color reaches a contrast ratio of 5.97:1 (WCAG AA). The closest named color is Moss Green (#8a9a5b), ΔE 9.05.

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

Complementary

  1. #898b6b
  2. #6d6b8b

Split complementary

  1. #898b6b
  2. #6b798b
  3. #7d6b8b

Analogous

  1. #8b7d6b
  2. #898b6b
  3. #798b6b

Triadic

  1. #898b6b
  2. #6b898b
  3. #8b6b89

Tetradic

  1. #898b6b
  2. #6b8b6d
  3. #6d6b8b
  4. #8b6b89

Square

  1. #898b6b
  2. #6b8b7d
  3. #6d6b8b
  4. #8b6b79

Monochromatic

  1. #343528
  2. #5e604a
  3. #898b6b
  4. #acad95
  5. #cecfc0

Shades

#898b6b mixed progressively with black.

  1. #898b6b
  2. #7b7d60
  3. #6e6f56
  4. #60614b
  5. #525340
  6. #454636
  7. #37382b
  8. #292a20
  9. #1b1c15
  10. #0e0e0b
  11. #000000

Tints

#898b6b mixed progressively with white.

  1. #898b6b
  2. #95977a
  3. #a1a289
  4. #acae97
  5. #b8b9a6
  6. #c4c5b5
  7. #d0d1c4
  8. #dcdcd3
  9. #e7e8e1
  10. #f3f3f0
  11. #ffffff

Tones

#898b6b mixed progressively with gray.

  1. #898b6b
  2. #888a6d
  3. #87896f
  4. #868871
  5. #858773
  6. #858676
  7. #848478
  8. #83837a
  9. #82827c
  10. #81817e
  11. #808080

Readable text 3.52:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #898989 ≈ 0.003% of males
Achromatomaly #898a7e ≈ 0.001% of males
Protanopia #908869 ≈ 1.01% of males
Deuteranopia #90896c ≈ 1.27% of males
Tritanopia #8d8782 ≈ 0.0001% of males
Protanomaly #8d896a ≈ 1.08% of males
Deuteranomaly #8d8a6c ≈ 4.63% of males
Tritanomaly #8c897a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-898b6b {
  color: #898b6b;
}
Background
.bg-898b6b {
  background-color: #898b6b;
  color: #000000;
}
Border
.border-898b6b {
  border: 2px solid #898b6b;
}
CSS variables
:root {
  --color-primary: #898b6b;
  --color-primary-rgb: 137 139 107;
  --color-primary-hsl: 64 13% 48%;
}
Gradient
.gradient-898b6b {
  background: linear-gradient(135deg, #898b6b, #798b6b);
}
Colored shadow
.shadow-898b6b {
  box-shadow: 0 8px 24px rgb(137 139 107 / 0.35);
}

#8a9a5b Moss Green ΔE 9.05 #738678 Xanadu ΔE 9.52 #848482 Battleship Gray ΔE 12.53 #87a96b Asparagus ΔE 12.81 #808080 Gray ΔE 13.87 #808080 Grey ΔE 13.87 #bcb88a Sage ΔE 14.56 #767494 Inverted #898989 Grayscale 

Moss Green
#898b6b  rgb(137, 139, 107)  hsl(64, 13%, 48%)  Moss Green
#6d6b8b  rgb(109, 107, 139)  hsl(244, 13%, 48%)  Old Lavender
#6b898b  rgb(107, 137, 139)  hsl(184, 13%, 48%)  Xanadu
#8b6b89  rgb(139, 107, 137)  hsl(304, 13%, 48%)  Mountbatten Pink