ColorTool
Log in
#689381

#689381 ≈ Xanadu

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

#689381 is a color from the teal family, with medium lightness and muted saturation. In the RGB model it is made of 40.78% red, 57.65% green and 50.59% blue; printed in CMYK it uses 29.25% cyan, 0% magenta, 12.24% yellow and 42.35% black. Its hue angle is 154.88°, with 17.13% saturation and 49.22% 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. Black text on this color reaches a contrast ratio of 6.08:1 (WCAG AA). The closest named color is Xanadu (#738678), ΔE 7.47.

Description generated from the measured properties of this color.

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

Complementary

  1. #689381
  2. #93687a

Split complementary

  1. #689381
  2. #936890
  3. #936c68

Analogous

  1. #68936c
  2. #689381
  3. #689093

Triadic

  1. #689381
  2. #816893
  3. #938168

Tetradic

  1. #689381
  2. #687a93
  3. #93687a
  4. #938168

Square

  1. #689381
  2. #6c6893
  3. #93687a
  4. #909368

Monochromatic

  1. #293932
  2. #48665a
  3. #689381
  4. #94b3a6
  5. #c1d3cb

Shades

#689381 mixed progressively with black.

  1. #689381
  2. #5e8474
  3. #537667
  4. #49675a
  5. #3e584d
  6. #344a41
  7. #2a3b34
  8. #1f2c27
  9. #151d1a
  10. #0a0f0d
  11. #000000

Tints

#689381 mixed progressively with white.

  1. #689381
  2. #779e8e
  3. #86a99a
  4. #95b3a7
  5. #a4beb3
  6. #b4c9c0
  7. #c3d4cd
  8. #d2dfd9
  9. #e1e9e6
  10. #f0f4f2
  11. #ffffff

Tones

#689381 mixed progressively with gray.

  1. #689381
  2. #6a9181
  3. #6d8f81
  4. #6f8d81
  5. #728b81
  6. #748a81
  7. #768880
  8. #798680
  9. #7b8480
  10. #7e8280
  11. #808080

Readable text 3.45:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.08:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8a8a8a ≈ 0.003% of males
Achromatomaly #7e8e86 ≈ 0.001% of males
Protanopia #918d80 ≈ 1.01% of males
Deuteranopia #898882 ≈ 1.27% of males
Tritanopia #5e938e ≈ 0.0001% of males
Protanomaly #839080 ≈ 1.08% of males
Deuteranomaly #7d8c82 ≈ 4.63% of males
Tritanomaly #629389 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-689381 {
  color: #689381;
}
Background
.bg-689381 {
  background-color: #689381;
  color: #000000;
}
Border
.border-689381 {
  border: 2px solid #689381;
}
CSS variables
:root {
  --color-primary: #689381;
  --color-primary-rgb: 104 147 129;
  --color-primary-hsl: 155 17% 49%;
}
Gradient
.gradient-689381 {
  background: linear-gradient(135deg, #689381, #689093);
}
Colored shadow
.shadow-689381 {
  box-shadow: 0 8px 24px rgb(104 147 129 / 0.35);
}

#738678 Xanadu ΔE 7.47 #40826d Viridian ΔE 8.63 #5f9ea0 Cadet Blue ΔE 9.54 #00a693 Persian Green ΔE 10.98 #29ab87 Jungle Green ΔE 11.37 #008b8b Dark Cyan ΔE 12.21 #2e8b57 Sea Green ΔE 12.47 #976c7e Inverted #8a8a8a Grayscale 

Xanadu
#689381  rgb(104, 147, 129)  hsl(155, 17%, 49%)  Xanadu
#93687a  rgb(147, 104, 122)  hsl(335, 17%, 49%)  Mauve Taupe
#816893  rgb(129, 104, 147)  hsl(275, 17%, 49%)  Purple Mountain Majesty
#938168  rgb(147, 129, 104)  hsl(35, 17%, 49%)  Beaver