ColorTool
Log in
#B5C3AA

#b5c3aa ≈ Ash Gray

  • yellow-green
  • Lightness: high
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#b5c3aa is a color from the yellow-green family, with high lightness and muted saturation. In the RGB model it is made of 70.98% red, 76.47% green and 66.67% blue; printed in CMYK it uses 7.18% cyan, 0% magenta, 12.82% yellow and 23.53% black. Its hue angle is 93.6°, with 17.24% saturation and 71.57% lightness in HSL. It sits between warm and cool, and is often associated with freshness, growth and vitality. Designers typically use it for eco-friendly brands, health and wellness and brand accents. Black text on this color reaches a contrast ratio of 11.35:1 (WCAG AAA). The closest named color is Ash Gray (#b2beb5), ΔE 6.25.

Description generated from the measured properties of this color.

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

Complementary

  1. #b5c3aa
  2. #b8aac3

Split complementary

  1. #b5c3aa
  2. #acaac3
  3. #c3aac2

Analogous

  1. #c2c3aa
  2. #b5c3aa
  3. #aac3ac

Triadic

  1. #b5c3aa
  2. #aab5c3
  3. #c3aab5

Tetradic

  1. #b5c3aa
  2. #aac3b8
  3. #b8aac3
  4. #c3aab5

Square

  1. #b5c3aa
  2. #aac2c3
  3. #b8aac3
  4. #c3acaa

Monochromatic

  1. #687c58
  2. #8ea37d
  3. #b5c3aa
  4. #dce3d7
  5. #f5f7f3

Shades

#b5c3aa mixed progressively with black.

  1. #b5c3aa
  2. #a3b099
  3. #919c88
  4. #7f8977
  5. #6d7566
  6. #5b6255
  7. #484e44
  8. #363b33
  9. #242722
  10. #121411
  11. #000000

Tints

#b5c3aa mixed progressively with white.

  1. #b5c3aa
  2. #bcc9b3
  3. #c4cfbb
  4. #cbd5c4
  5. #d3dbcc
  6. #dae1d5
  7. #e1e7dd
  8. #e9ede6
  9. #f0f3ee
  10. #f8f9f7
  11. #ffffff

Tones

#b5c3aa mixed progressively with gray.

  1. #b5c3aa
  2. #b0bca6
  3. #aab6a2
  4. #a5af9d
  5. #a0a899
  6. #9ba295
  7. #959b91
  8. #90948d
  9. #8b8d88
  10. #858784
  11. #808080

Readable text 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 11.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #bebebe ≈ 0.003% of males
Achromatomaly #bbc0b7 ≈ 0.001% of males
Protanopia #c6bfa9 ≈ 1.01% of males
Deuteranopia #c3beab ≈ 1.27% of males
Tritanopia #b6c1bc ≈ 0.0001% of males
Protanomaly #bfc1a9 ≈ 1.08% of males
Deuteranomaly #bec0ab ≈ 4.63% of males
Tritanomaly #b5c2b5 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b5c3aa {
  color: #b5c3aa;
}
Background
.bg-b5c3aa {
  background-color: #b5c3aa;
  color: #000000;
}
Border
.border-b5c3aa {
  border: 2px solid #b5c3aa;
}
CSS variables
:root {
  --color-primary: #b5c3aa;
  --color-primary-rgb: 181 195 170;
  --color-primary-hsl: 94 17% 72%;
}
Gradient
.gradient-b5c3aa {
  background: linear-gradient(135deg, #b5c3aa, #aac3ac);
}
Colored shadow
.shadow-b5c3aa {
  box-shadow: 0 8px 24px rgb(181 195 170 / 0.35);
}

#b2beb5 Ash Gray ΔE 6.25 #a8c3bc Opal ΔE 8.03 #bcb88a Sage ΔE 9.28 #8fbc8f Dark Sea Green ΔE 9.95 #ace1af Celadon ΔE 11.67 #d0f0c0 Tea Green ΔE 11.98 #9ab973 Olivine ΔE 12.24 #4a3c55 Inverted #bebebe Grayscale 

Ash Gray
#b5c3aa  rgb(181, 195, 170)  hsl(94, 17%, 72%)  Ash Gray
#b8aac3  rgb(184, 170, 195)  hsl(274, 17%, 72%)  Pastel Purple
#aab5c3  rgb(170, 181, 195)  hsl(214, 17%, 72%)  Light Steel Blue
#c3aab5  rgb(195, 170, 181)  hsl(334, 17%, 72%)  Silver Pink