Cool Gray 75 is a light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #BABEC5, which equals rgb(186, 190, 197) in RGB and hsl(218, 9%, 75%) in HSL. In print terms it converts to roughly C6 M4 Y0 K23, although exact CMYK results depend on the paper and color profile.
- HEX
#BABEC5 - RGB
186, 190, 197 - HSL
218°, 9%, 75% - CMYK
6, 4, 0, 23 - Family
Gray - Tone
Light, neutral
About Cool Gray 75
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 11.26:1. Its complementary color is #C5C1BA.
Download Cool Gray 75 as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cool Gray 75 color codes
| HEX | #BABEC5 |
|---|---|
| RGB | rgb(186, 190, 197) |
| HSL | hsl(218, 9%, 75%) |
| HSV | 218°, 6%, 77% |
| CMYK | 6%, 4%, 0%, 23% |
| Decimal | 12238533 |
Shades and tints of Cool Gray 75
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F4F5 - 100
#E8E9EC - 200
#DDDFE2 - 300
#D1D4D8 - 400
#C6C9CF - 500
#BABEC5 - 600
#9B9EA4 - 700
#7C7F83 - 800
#5D5F63 - 900
#3E3F42 - 950
#1F2021
Color harmonies for Cool Gray 75
- Complementary
#C5C1BA≈ Warm Gray 75 - Analogous −30°
#BAC3C5≈ Cool Gray 75 - Analogous +30°
#BBBAC5≈ Cool Gray 75 - Triadic +120°
#C5BABE≈ Warm Gray 75 - Triadic +240°
#BEC5BA≈ Silver - Split 150°
#C5BBBA≈ Warm Gray 75 - Split 210°
#C3C5BA≈ Warm Gray 75
Contrast and accessibility of Cool Gray 75
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 75 | Aa | 1.87:1 | Fails |
| Black text on Cool Gray 75 | Aa | 11.26:1 | AAA (excellent) |
CSS code for Cool Gray 75
background-color: #BABEC5;color: #BABEC5;background-color: rgb(186, 190, 197);background-color: hsl(218, 9%, 75%);:root { --color-cool-gray-75: #BABEC5; }class="bg-[#BABEC5]"Colors similar to Cool Gray 75
- Neutral Gray 75
#BFBFBF - Silver
#C0C0C0 - Pale Dusty Azure
#AFBFCA - Pale Dusty Cerulean
#AFBDCA - Pale Dusty Capri
#AFC2CA - Pale Dusty Cornflower
#AFBACA - Pale Dusty Peacock
#AFC5CA - Pale Dusty Sapphire
#AFB7CA - Warm Gray 75
#C5BFBA - Pale Dusty Lagoon
#AFC7CA - Pale Dusty Cobalt
#AFB5CA - Ash Gray
#B2BEB5
More gray shades
- Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 60
#9097A2 - Cool Gray 65
#9EA4AE - Cool Gray 70
#ACB1B9 - Cool Gray 80
#C7CBD1 - Cool Gray 85
#D5D8DC - Cool Gray 90
#E3E5E8 - Cool Gray 95
#F1F2F3
Frequently asked questions
What is the HEX code for Cool Gray 75?
The HEX code for Cool Gray 75 is #BABEC5.
What is the RGB value of Cool Gray 75?
Cool Gray 75 has an RGB value of 186, 190, 197 (rgb(186, 190, 197)). In HSL it is 218°, 9%, 75%.
What text color should I use on Cool Gray 75?
Use black text on Cool Gray 75. White text has a contrast ratio of 1.87:1 and black text has 11.26:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 75?
The complementary color of Cool Gray 75 is #C5C1BA. Analogous colors #BAC3C5 and #BBBAC5 also pair well.