ColorTool
Log in
#757C90

#757c90 ≈ Slate Gray

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

#757c90 is a color from the blue family, with medium lightness and almost no saturation. In the RGB model it is made of 45.88% red, 48.63% green and 56.47% blue; printed in CMYK it uses 18.75% cyan, 13.89% magenta, 0% yellow and 43.53% black. Its hue angle is 224.44°, with 10.84% saturation and 51.18% 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. Black text on this color reaches a contrast ratio of 5.04:1 (WCAG AA). The closest named color is Slate Gray (#708090), ΔE 5.26.

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

Complementary

  1. #757c90
  2. #908975

Split complementary

  1. #757c90
  2. #907c75
  3. #8a9075

Analogous

  1. #758a90
  2. #757c90
  3. #7c7590

Triadic

  1. #757c90
  2. #90757c
  3. #7c9075

Tetradic

  1. #757c90
  2. #897590
  3. #908975
  4. #7c9075

Square

  1. #757c90
  2. #90758a
  3. #908975
  4. #75907c

Monochromatic

  1. #30333c
  2. #525766
  3. #757c90
  4. #9fa4b2
  5. #cacdd4

Shades

#757c90 mixed progressively with black.

  1. #757c90
  2. #697082
  3. #5e6373
  4. #525765
  5. #464a56
  6. #3b3e48
  7. #2f323a
  8. #23252b
  9. #17191d
  10. #0c0c0e
  11. #000000

Tints

#757c90 mixed progressively with white.

  1. #757c90
  2. #83899b
  3. #9196a6
  4. #9ea3b1
  5. #acb0bc
  6. #babec8
  7. #c8cbd3
  8. #d6d8de
  9. #e3e5e9
  10. #f1f2f4
  11. #ffffff

Tones

#757c90 mixed progressively with gray.

  1. #757c90
  2. #767c8e
  3. #777d8d
  4. #787d8b
  5. #797e8a
  6. #7b7e88
  7. #7c7e86
  8. #7d7f85
  9. #7e7f83
  10. #7f8082
  11. #808080

Readable text 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7c7c7c ≈ 0.003% of males
Achromatomaly #797c85 ≈ 0.001% of males
Protanopia #767d91 ≈ 1.01% of males
Deuteranopia #747b8f ≈ 1.27% of males
Tritanopia #6f8082 ≈ 0.0001% of males
Protanomaly #767d91 ≈ 1.08% of males
Deuteranomaly #757b90 ≈ 4.63% of males
Tritanomaly #717e88 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-757c90 {
  color: #757c90;
}
Background
.bg-757c90 {
  background-color: #757c90;
  color: #000000;
}
Border
.border-757c90 {
  border: 2px solid #757c90;
}
CSS variables
:root {
  --color-primary: #757c90;
  --color-primary-rgb: 117 124 144;
  --color-primary-hsl: 224 11% 51%;
}
Gradient
.gradient-757c90 {
  background: linear-gradient(135deg, #757c90, #7c7590);
}
Colored shadow
.shadow-757c90 {
  box-shadow: 0 8px 24px rgb(117 124 144 / 0.35);
}

#708090 Slate Gray ΔE 5.26 #708090 Slate Grey ΔE 5.26 #778899 Light Slate Gray ΔE 6.46 #778899 Light Slate Grey ΔE 6.46 #8c92ac Cool Gray ΔE 8.47 #8b8589 Taupe Gray ΔE 9.51 #808080 Gray ΔE 9.57 #8a836f Inverted #7c7c7c Grayscale 

Slate Gray
#757c90  rgb(117, 124, 144)  hsl(224, 11%, 51%)  Slate Gray
#908975  rgb(144, 137, 117)  hsl(44, 11%, 51%)  Battleship Gray
#90757c  rgb(144, 117, 124)  hsl(344, 11%, 51%)  Mountbatten Pink
#7c9075  rgb(124, 144, 117)  hsl(104, 11%, 51%)  Xanadu