Cool Gray 15 is a dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #23262A, which equals rgb(35, 38, 42) in RGB and hsl(214, 9%, 15%) in HSL. In print terms it converts to roughly C17 M10 Y0 K84, although exact CMYK results depend on the paper and color profile.
- HEX
#23262A - RGB
35, 38, 42 - HSL
214°, 9%, 15% - CMYK
17, 10, 0, 84 - Family
Gray - Tone
Dark, neutral
About Cool Gray 15
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 15.19:1. Its complementary color is #2A2723.
Download Cool Gray 15 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 15 color codes
| HEX | #23262A |
|---|---|
| RGB | rgb(35, 38, 42) |
| HSL | hsl(214, 9%, 15%) |
| HSV | 214°, 17%, 16% |
| CMYK | 17%, 10%, 0%, 84% |
| Decimal | 2303530 |
Shades and tints of Cool Gray 15
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DADBDC - 100
#B6B7B8 - 200
#919395 - 300
#6C6E71 - 400
#484A4E - 500
#23262A - 600
#1D2023 - 700
#17191C - 800
#121315 - 900
#0C0D0E - 950
#060607
Color harmonies for Cool Gray 15
- Complementary
#2A2723≈ Warm Gray 15 - Analogous −30°
#23292A≈ Cool Gray 15 - Analogous +30°
#23232A≈ Cool Gray 15 - Triadic +120°
#2A2326≈ Warm Gray 15 - Triadic +240°
#262A23≈ Neutral Gray 15 - Split 150°
#2A2323≈ Warm Gray 15 - Split 210°
#292A23≈ Warm Gray 15
Contrast and accessibility of Cool Gray 15
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cool Gray 15 | Aa | 15.19:1 | AAA (excellent) |
| Black text on Cool Gray 15 | Aa | 1.38:1 | Fails |
CSS code for Cool Gray 15
background-color: #23262A;color: #23262A;background-color: rgb(35, 38, 42);background-color: hsl(214, 9%, 15%);:root { --color-cool-gray-15: #23262A; }class="bg-[#23262A]"Colors similar to Cool Gray 15
- Neutral Gray 15
#262626 - Warm Gray 15
#2A2623 - Very Dark Dusty Royal
#252737 - Very Dark Dusty Blue
#252537 - Very Dark Dusty Cobalt
#252837 - Very Dark Dusty Ultramarine
#272537 - Very Dark Dusty Indigo
#282537 - Very Dark Dusty Sapphire
#252A37 - Very Dark Dusty Iris
#2A2537 - Very Dark Dusty Cornflower
#252C37 - Very Dark Dusty Periwinkle
#2C2537 - Very Dark Dusty Violet
#2E2537
More gray shades
- Warm Gray 70
#B9B2AC - Warm Gray 75
#C5BFBA - Warm Gray 80
#D1CCC7 - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F
Frequently asked questions
What is the HEX code for Cool Gray 15?
The HEX code for Cool Gray 15 is #23262A.
What is the RGB value of Cool Gray 15?
Cool Gray 15 has an RGB value of 35, 38, 42 (rgb(35, 38, 42)). In HSL it is 214°, 9%, 15%.
What text color should I use on Cool Gray 15?
Use white text on Cool Gray 15. White text has a contrast ratio of 15.19:1 and black text has 1.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cool Gray 15?
The complementary color of Cool Gray 15 is #2A2723. Analogous colors #23292A and #23232A also pair well.