ColorTool
Log in
#6F708B

#6f708b ≈ Old Lavender

  • blue
  • Lightness: medium
  • Saturation: almost no
  • Neutral
Check contrast Explore in graph Random color

#6f708b is a color from the blue family, with medium lightness and almost no saturation. In the RGB model it is made of 43.53% red, 43.92% green and 54.51% blue; printed in CMYK it uses 20.14% cyan, 19.42% magenta, 0% yellow and 45.49% black. Its hue angle is 237.86°, with 11.2% saturation and 49.02% lightness in HSL. It is a neutral 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 4.81:1 (WCAG AA). The closest named color is Old Lavender (#796878), ΔE 8.63.

Description generated from the measured properties of this color.

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

Complementary

  1. #6f708b
  2. #8b8a6f

Split complementary

  1. #6f708b
  2. #8b7c6f
  3. #7e8b6f

Analogous

  1. #6f7e8b
  2. #6f708b
  3. #7c6f8b

Triadic

  1. #6f708b
  2. #8b6f70
  3. #708b6f

Tetradic

  1. #6f708b
  2. #8a6f8b
  3. #8b8a6f
  4. #708b6f

Square

  1. #6f708b
  2. #8b6f7e
  3. #8b8a6f
  4. #6f8b7c

Monochromatic

  1. #2b2b36
  2. #4d4e60
  3. #6f708b
  4. #999aae
  5. #c4c4cf

Shades

#6f708b mixed progressively with black.

  1. #6f708b
  2. #64657d
  3. #595a6f
  4. #4e4e61
  5. #434353
  6. #383846
  7. #2c2d38
  8. #21222a
  9. #16161c
  10. #0b0b0e
  11. #000000

Tints

#6f708b mixed progressively with white.

  1. #6f708b
  2. #7d7e97
  3. #8c8da2
  4. #9a9bae
  5. #a9a9b9
  6. #b7b8c5
  7. #c5c6d1
  8. #d4d4dc
  9. #e2e2e8
  10. #f1f1f3
  11. #ffffff

Tones

#6f708b mixed progressively with gray.

  1. #6f708b
  2. #71728a
  3. #727389
  4. #747588
  5. #767687
  6. #787886
  7. #797a84
  8. #7b7b83
  9. #7d7d82
  10. #7e7e81
  11. #808080

Readable text 4.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #727272 ≈ 0.003% of males
Achromatomaly #71717d ≈ 0.001% of males
Protanopia #69738c ≈ 1.01% of males
Deuteranopia #68718a ≈ 1.27% of males
Tritanopia #697579 ≈ 0.0001% of males
Protanomaly #6c728c ≈ 1.08% of males
Deuteranomaly #6b718b ≈ 4.63% of males
Tritanomaly #6b7381 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-6f708b {
  color: #6f708b;
}
Background
.bg-6f708b {
  background-color: #6f708b;
  color: #ffffff;
}
Border
.border-6f708b {
  border: 2px solid #6f708b;
}
CSS variables
:root {
  --color-primary: #6f708b;
  --color-primary-rgb: 111 112 139;
  --color-primary-hsl: 238 11% 49%;
}
Gradient
.gradient-6f708b {
  background: linear-gradient(135deg, #6f708b, #7c6f8b);
}
Colored shadow
.shadow-6f708b {
  box-shadow: 0 8px 24px rgb(111 112 139 / 0.35);
}

#796878 Old Lavender ΔE 8.63 #708090 Slate Gray ΔE 10.86 #708090 Slate Grey ΔE 10.86 #778899 Light Slate Gray ΔE 12.52 #778899 Light Slate Grey ΔE 12.52 #8c92ac Cool Gray ΔE 12.52 #696969 Dim Gray ΔE 12.85 #908f74 Inverted #727272 Grayscale 

Old Lavender
#6f708b  rgb(111, 112, 139)  hsl(238, 11%, 49%)  Old Lavender
#8b8a6f  rgb(139, 138, 111)  hsl(58, 11%, 49%)  Xanadu
#8b6f70  rgb(139, 111, 112)  hsl(358, 11%, 49%)  Copper Rose
#708b6f  rgb(112, 139, 111)  hsl(118, 11%, 49%)  Xanadu