Denim is a medium-dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #1560BD, which equals rgb(21, 96, 189) in RGB and hsl(213, 80%, 41%) in HSL. In print terms it converts to roughly C89 M49 Y0 K26, although exact CMYK results depend on the paper and color profile.
- HEX
#1560BD - RGB
21, 96, 189 - HSL
213°, 80%, 41% - CMYK
89, 49, 0, 26 - Family
Blue - Tone
Medium-dark, saturated
About Denim
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 6.10:1. Its complementary color is #BC7115.
Download Denim 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…
Denim color codes
| HEX | #1560BD |
|---|---|
| RGB | rgb(21, 96, 189) |
| HSL | hsl(213, 80%, 41%) |
| HSV | 213°, 89%, 74% |
| CMYK | 89%, 49%, 0%, 26% |
| Decimal | 1401021 |
Shades and tints of Denim
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D8E5F4 - 100
#B1CAE9 - 200
#8AB0DE - 300
#6395D3 - 400
#3C7BC8 - 500
#1560BD - 600
#12509E - 700
#0E407E - 800
#0B305F - 900
#07203F - 950
#041020
Color harmonies for Denim
- Complementary
#BC7115≈ Medium Dark Bright Orange - Analogous −30°
#15B4BC≈ Medium Dark Bright Lagoon - Analogous +30°
#1D15BC≈ Medium Dark Bright Blue - Triadic +120°
#BC1560≈ Medium Dark Bright Carmine - Triadic +240°
#60BC15≈ Medium Dark Bright Fern - Split 150°
#BC1D15≈ Medium Dark Bright Red - Split 210°
#B4BC15≈ Medium Dark Bright Citron
Contrast and accessibility of Denim
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Denim | Aa | 6.10:1 | AA (good) |
| Black text on Denim | Aa | 3.44:1 | AA Large only |
CSS code for Denim
background-color: #1560BD;color: #1560BD;background-color: rgb(21, 96, 189);background-color: hsl(213, 80%, 41%);:root { --color-denim: #1560BD; }class="bg-[#1560BD]"Colors similar to Denim
- Medium Dark Bright Cornflower
#155AC1 - Medium Dark Bright Cerulean
#156BC1 - Sapphire
#0F52BA - Deep Azure
#0068AD - Medium Dark Soft Cornflower
#2B5EAB - Deep Cerulean
#0057AD - Medium Dark Bright Sapphire
#1549C1 - Medium Dark Soft Cerulean
#2B6BAB - Soft Sapphire
#3361CC - Medium Dark Soft Sapphire
#2B51AB - Medium Dark Cornflower
#0056D6 - Medium Dark Bright Azure
#157CC1
More blue shades
- Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Ultramarine
#3F00FF - Iris
#5A4FCF - Azure Blue
#007FFF - Persian Blue
#1C39BB - Prussian Blue
#003153 - Oxford Blue
#002147 - Peacock Blue
#1B6A8A
Frequently asked questions
What is the HEX code for Denim?
The HEX code for Denim is #1560BD.
What is the RGB value of Denim?
Denim has an RGB value of 21, 96, 189 (rgb(21, 96, 189)). In HSL it is 213°, 80%, 41%.
What text color should I use on Denim?
Use white text on Denim. White text has a contrast ratio of 6.10:1 and black text has 3.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Denim?
The complementary color of Denim is #BC7115. Analogous colors #15B4BC and #1D15BC also pair well.