ColorTool
Log in
#5F6065

#5f6065 ≈ Dim Gray

  • gray
  • Lightness: low
  • Saturation: almost no
  • Neutral
Check contrast Explore in graph Random color

#5f6065 is a color from the gray family, with low lightness and almost no saturation. In the RGB model it is made of 37.25% red, 37.65% green and 39.61% blue; printed in CMYK it uses 5.94% cyan, 4.95% magenta, 0% yellow and 60.39% black. Its hue angle is 230°, with 3.06% saturation and 38.43% lightness in HSL. It is a neutral color, often associated with neutrality, balance and professionalism. Designers typically use it for body text and typography, corporate identities and brand accents. White text on this color reaches a contrast ratio of 6.27:1 (WCAG AA). The closest named color is Dim Gray (#696969), ΔE 4.42.

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

Complementary

  1. #5f6065
  2. #65645f

Split complementary

  1. #5f6065
  2. #65615f
  3. #63655f

Analogous

  1. #5f6365
  2. #5f6065
  3. #615f65

Triadic

  1. #5f6065
  2. #655f60
  3. #60655f

Tetradic

  1. #5f6065
  2. #645f65
  3. #65645f
  4. #60655f

Square

  1. #5f6065
  2. #655f63
  3. #65645f
  4. #5f6561

Monochromatic

  1. #151516
  2. #3a3b3e
  3. #5f6065
  4. #85868c
  5. #acadb1

Shades

#5f6065 mixed progressively with black.

  1. #5f6065
  2. #56565b
  3. #4c4d51
  4. #434347
  5. #393a3d
  6. #303033
  7. #262628
  8. #1d1d1e
  9. #131314
  10. #0a0a0a
  11. #000000

Tints

#5f6065 mixed progressively with white.

  1. #5f6065
  2. #6f7074
  3. #7f8084
  4. #8f9093
  5. #9fa0a3
  6. #afb0b2
  7. #bfbfc1
  8. #cfcfd1
  9. #dfdfe0
  10. #efeff0
  11. #ffffff

Tones

#5f6065 mixed progressively with gray.

  1. #5f6065
  2. #626368
  3. #66666a
  4. #696a6d
  5. #6c6d70
  6. #707073
  7. #737375
  8. #767678
  9. #797a7b
  10. #7d7d7d
  11. #808080

Readable text 6.27:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.35:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #606060 ≈ 0.003% of males
Achromatomaly #606062 ≈ 0.001% of males
Protanopia #5f6065 ≈ 1.01% of males
Deuteranopia #5e6065 ≈ 1.27% of males
Tritanopia #5e6162 ≈ 0.0001% of males
Protanomaly #5f6065 ≈ 1.08% of males
Deuteranomaly #5f6065 ≈ 4.63% of males
Tritanomaly #5e6163 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-5f6065 {
  color: #5f6065;
}
Background
.bg-5f6065 {
  background-color: #5f6065;
  color: #ffffff;
}
Border
.border-5f6065 {
  border: 2px solid #5f6065;
}
CSS variables
:root {
  --color-primary: #5f6065;
  --color-primary-rgb: 95 96 101;
  --color-primary-hsl: 230 3% 38%;
}
Gradient
.gradient-5f6065 {
  background: linear-gradient(135deg, #5f6065, #615f65);
}
Colored shadow
.shadow-5f6065 {
  box-shadow: 0 8px 24px rgb(95 96 101 / 0.35);
}

#696969 Dim Gray ΔE 4.42 #696969 Dim Grey ΔE 4.42 #555555 Davy's Gray ΔE 4.97 #645452 Wenge ΔE 9.40 #414a4c Outer Space ΔE 9.85 #796878 Old Lavender ΔE 11.42 #635147 Umber ΔE 12.02 #a09f9a Inverted #606060 Grayscale 

Dim Gray
#5f6065  rgb(95, 96, 101)  hsl(230, 3%, 38%)  Dim Gray
#65645f  rgb(101, 100, 95)  hsl(50, 3%, 38%)  Dim Gray
#655f60  rgb(101, 95, 96)  hsl(350, 3%, 38%)  Dim Gray
#60655f  rgb(96, 101, 95)  hsl(110, 3%, 38%)  Dim Gray