ColorTool
Log in
#595772

#595772 ≈ Old Lavender

  • blue
  • Lightness: low
  • Saturation: muted
  • Cool
Check contrast Explore in graph Random color

#595772 is a color from the blue family, with low lightness and muted saturation. In the RGB model it is made of 34.9% red, 34.12% green and 44.71% blue; printed in CMYK it uses 21.93% cyan, 23.68% magenta, 0% yellow and 55.29% black. Its hue angle is 244.44°, with 13.43% saturation and 39.41% lightness in HSL. It is a cool color, often associated with trust, stability and focus. Designers typically use it for technology products, finance and banking and brand accents. White text on this color reaches a contrast ratio of 6.93:1 (WCAG AA). The closest named color is Old Lavender (#796878), ΔE 10.34.

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

Complementary

  1. #595772
  2. #707257

Split complementary

  1. #595772
  2. #726657
  3. #627257

Analogous

  1. #576272
  2. #595772
  3. #665772

Triadic

  1. #595772
  2. #725957
  3. #577259

Tetradic

  1. #595772
  2. #725770
  3. #707257
  4. #577259

Square

  1. #595772
  2. #725762
  3. #707257
  4. #577266

Monochromatic

  1. #15151b
  2. #373647
  3. #595772
  4. #7d7b9a
  5. #a8a7bb

Shades

#595772 mixed progressively with black.

  1. #595772
  2. #504e67
  3. #47465b
  4. #3e3d50
  5. #353444
  6. #2d2c39
  7. #24232e
  8. #1b1a22
  9. #121117
  10. #09090b
  11. #000000

Tints

#595772 mixed progressively with white.

  1. #595772
  2. #6a6880
  3. #7a798e
  4. #8b899c
  5. #9b9aaa
  6. #acabb9
  7. #bdbcc7
  8. #cdcdd5
  9. #dedde3
  10. #eeeef1
  11. #ffffff

Tones

#595772 mixed progressively with gray.

  1. #595772
  2. #5d5b73
  3. #615f75
  4. #656376
  5. #696778
  6. #6d6c79
  7. #70707a
  8. #74747c
  9. #78787d
  10. #7c7c7f
  11. #808080

Readable text 6.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5a5a5a ≈ 0.003% of males
Achromatomaly #595964 ≈ 0.001% of males
Protanopia #505a73 ≈ 1.01% of males
Deuteranopia #505971 ≈ 1.27% of males
Tritanopia #545b60 ≈ 0.0001% of males
Protanomaly #545973 ≈ 1.08% of males
Deuteranomaly #545872 ≈ 4.63% of males
Tritanomaly #565a68 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-595772 {
  color: #595772;
}
Background
.bg-595772 {
  background-color: #595772;
  color: #ffffff;
}
Border
.border-595772 {
  border: 2px solid #595772;
}
CSS variables
:root {
  --color-primary: #595772;
  --color-primary-rgb: 89 87 114;
  --color-primary-hsl: 244 13% 39%;
}
Gradient
.gradient-595772 {
  background: linear-gradient(135deg, #595772, #665772);
}
Colored shadow
.shadow-595772 {
  box-shadow: 0 8px 24px rgb(89 87 114 / 0.35);
}

#796878 Old Lavender ΔE 10.34 #555555 Davy's Gray ΔE 13.13 #614051 Eggplant ΔE 13.54 #645452 Wenge ΔE 13.83 #483d8b Dark Slate Blue ΔE 13.86 #696969 Dim Gray ΔE 14.19 #696969 Dim Grey ΔE 14.19 #a6a88d Inverted #5a5a5a Grayscale 

Old Lavender
#595772  rgb(89, 87, 114)  hsl(244, 13%, 39%)  Old Lavender
#707257  rgb(112, 114, 87)  hsl(64, 13%, 39%)  Xanadu
#725957  rgb(114, 89, 87)  hsl(4, 13%, 39%)  Wenge
#577259  rgb(87, 114, 89)  hsl(124, 13%, 39%)  Fern Green