Denim Color

#1560BD

What color is Denim Color?

Denim color is a medium-dark blue with a slightly muted, cool tone, hex #1560BD, similar in depth to indigo-dyed denim fabric. It has enough brightness to read as vivid but enough grey to keep it grounded rather than electric.

What is the meaning of the color Denim Color?

The name traces to the French phrase serge de Nîmes, a sturdy twill fabric produced in the southern French city of Nîmes during the 17th century. Levi Strauss and Jacob Davis used indigo-dyed denim in their patented workwear design, registered with the U.S. Patent Office in 1873, and that indigo blue became inseparable from the garment itself. Over time the color name migrated from the fabric to the shade, adopted broadly in fashion and design to describe this specific medium blue. The connection was anchored in consumer culture when Levi’s 501 jeans standardized the look across global markets throughout the 20th century.

RGB
21, 96, 189
HSL
213°, 80%, 41%
CMYK
89, 49, 0, 26
HSV
213°, 89%, 74%
Denim color color

What colors go with Denim Color?

Colors that pair well with Denim color include:
White: clean, open contrast
Burnt Orange: warm, earthy balance
Olive Green: natural, muted depth
Navy Blue: tonal, layered harmony
Sand: soft, neutral warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #1560BD color: #1560BD;
RGB 21, 96, 189 color: rgb(21, 96, 189);
RGB Percentage 8%, 38%, 74% color: rgb(8%, 38%, 74%);
CMYK 89%, 49%, 0%, 26% Not supported in CSS
HSL 213°, 80%, 41% color: hsl(213, 80%, 41%);
HSV 213°, 89%, 74% Not supported in CSS
CIE-LAB 33, -15, -31 color: lab(33% -15 -31);
Decimal 1401021 Not supported in CSS

Color Variations

Shades

#1560BC
#1357A9
#114D97
#0F4384
#0D3A71
#0A305E
#08264B
#061D38

Tints

#AECEF6
#93BEF3
#78AEF0
#5D9EED
#418DEA
#267DE7
#186ED7
#1560BC

Tones

#1560BC
#1D61B4
#2662AB
#2E63A3
#36649B
#3F6492
#47658A
#4F6682

Hues

#1560BC
#4715BC
#BC15B4
#BC1536
#BC7115
#8ABC15
#15BC1D
#15BC9B

Color Harmonies

Analogous

#15B4BC
Click to copy
#1560BD
Click to copy
#1D15BC
Click to copy

Complementary

#1560BD
Click to copy
#BC7115
Click to copy

Split Complementary

#1560BD
Click to copy
#BC1D15
Click to copy
#B4BC15
Click to copy

Triadic

#1560BD
Click to copy
#BC1560
Click to copy
#60BC15
Click to copy

Tetradic

#1560BD
Click to copy
#BC15B4
Click to copy
#BC7115
Click to copy
#15BC1D
Click to copy

Square

#1560BD
Click to copy
#BC15B4
Click to copy
#BC7115
Click to copy
#15BC1D
Click to copy

CSS & Dev Snippets

CSS
.denim-color {
  color: #1560BD;
}
SCSS
$denim-color: #1560BD;
RGB
rgb(21, 96, 189)

Accessibility & Contrast

White background

6.10:1
6.10
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.44:1
3.44
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags