ColorTool
Log in
#96917A

#96917a ≈ Battleship Gray

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

#96917a is a color from the yellow family, with medium lightness and almost no saturation. In the RGB model it is made of 58.82% red, 56.86% green and 47.84% blue; printed in CMYK it uses 0% cyan, 3.33% magenta, 18.67% yellow and 41.18% black. Its hue angle is 49.29°, with 11.76% saturation and 53.33% lightness in HSL. It is a neutral color, often associated with optimism, attention and joy. Designers typically use it for highlights and warnings, children's products and brand accents. Black text on this color reaches a contrast ratio of 6.63:1 (WCAG AA). The closest named color is Battleship Gray (#848482), ΔE 10.18.

Description generated from the measured properties of this color.

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

Complementary

  1. #96917a
  2. #7a7f96

Split complementary

  1. #96917a
  2. #7a8d96
  3. #837a96

Analogous

  1. #96837a
  2. #96917a
  3. #8d967a

Triadic

  1. #96917a
  2. #7a9691
  3. #917a96

Tetradic

  1. #96917a
  2. #7f967a
  3. #7a7f96
  4. #917a96

Square

  1. #96917a
  2. #7a9683
  3. #7a7f96
  4. #967a8d

Monochromatic

  1. #424034
  2. #6d6956
  3. #96917a
  4. #b8b4a5
  5. #d9d8cf

Shades

#96917a mixed progressively with black.

  1. #96917a
  2. #87836e
  3. #787462
  4. #696655
  5. #5a5749
  6. #4b493d
  7. #3c3a31
  8. #2d2c25
  9. #1e1d18
  10. #0f0f0c
  11. #000000

Tints

#96917a mixed progressively with white.

  1. #96917a
  2. #a19c87
  3. #aba795
  4. #b6b2a2
  5. #c0bdaf
  6. #cbc8bd
  7. #d5d3ca
  8. #e0ded7
  9. #eae9e4
  10. #f5f4f2
  11. #ffffff

Tones

#96917a mixed progressively with gray.

  1. #96917a
  2. #948f7b
  3. #928e7b
  4. #8f8c7c
  5. #8d8a7c
  6. #8b897d
  7. #89877e
  8. #87857e
  9. #84837f
  10. #82827f
  11. #808080

Readable text 3.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #919191 ≈ 0.003% of males
Achromatomaly #939188 ≈ 0.001% of males
Protanopia #969079 ≈ 1.01% of males
Deuteranopia #97917b ≈ 1.27% of males
Tritanopia #9b8d8b ≈ 0.0001% of males
Protanomaly #969079 ≈ 1.08% of males
Deuteranomaly #97917a ≈ 4.63% of males
Tritanomaly #998f84 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-96917a {
  color: #96917a;
}
Background
.bg-96917a {
  background-color: #96917a;
  color: #000000;
}
Border
.border-96917a {
  border: 2px solid #96917a;
}
CSS variables
:root {
  --color-primary: #96917a;
  --color-primary-rgb: 150 145 122;
  --color-primary-hsl: 49 12% 53%;
}
Gradient
.gradient-96917a {
  background: linear-gradient(135deg, #96917a, #8d967a);
}
Colored shadow
.shadow-96917a {
  box-shadow: 0 8px 24px rgb(150 145 122 / 0.35);
}

#848482 Battleship Gray ΔE 10.18 #808080 Gray ΔE 11.83 #808080 Grey ΔE 11.83 #738678 Xanadu ΔE 11.85 #8a9a5b Moss Green ΔE 12.47 #a9a9a9 Dark Gray ΔE 12.76 #a9a9a9 Dark Grey ΔE 12.76 #696e85 Inverted #919191 Grayscale 

Battleship Gray
#96917a  rgb(150, 145, 122)  hsl(49, 12%, 53%)  Battleship Gray
#7a7f96  rgb(122, 127, 150)  hsl(229, 12%, 53%)  Cool Gray
#7a9691  rgb(122, 150, 145)  hsl(169, 12%, 53%)  Xanadu
#917a96  rgb(145, 122, 150)  hsl(289, 12%, 53%)  Mountbatten Pink