#1d5370 hex color

In a RGB color space, hex #1d5370 is composed of 11.4% red, 32.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 25.9% magenta, 0% yellow and 56.1% black. It has a hue angle of 201 degrees, a saturation of 58.9% and a lightness of 27.6%. #1d5370 color hex could be obtained by blending #3aa6e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 33
- B 44
RGB color chart
- C 74
- M 26
- Y 0
- K 56
CMYK color chart

● #1d5370 color description : Very dark blue.

The hexadecimal color #1d5370 has RGB values of R:29, G:83, B:112 and CMYK values of C:0.74, M:0.26, Y:0, K:0.56. Its decimal value is 1921904.

Hex triplet	1d5370	`#1d5370`
RGB Decimal	29, 83, 112	`rgb(29,83,112)`
RGB Percent	11.4, 32.5, 43.9	`rgb(11.4%,32.5%,43.9%)`
CMYK	74, 26, 0, 56
HSL	201°, 58.9, 27.6	`hsl(201,58.9%,27.6%)`
HSV (or HSB)	201°, 74.1, 43.9
Web Safe	336666	`#336666`

CIE-LAB	33.172, -7.23, -21.751
XYZ	6.524, 7.617, 16.455
xyY	0.213, 0.249, 7.617
CIE-LCH	33.172, 22.921, 251.612
CIE-LUV	33.172, -19.176, -28.212
Hunter-Lab	27.599, -6.104, -16.03
Binary	00011101, 01010011, 01110000

#1d5370
```
#1d5370 rgb(29,83,112)
```
#703a1d
```
#703a1d rgb(112,58,29)
```

Complementary Color

#1d7064
```
#1d7064 rgb(29,112,100)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#1d2a70
```
#1d2a70 rgb(29,42,112)
```

Analogous Color

#70641d
```
#70641d rgb(112,100,29)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#701d2a
```
#701d2a rgb(112,29,42)
```

Split Complementary Color

#53701d
```
#53701d rgb(83,112,29)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#701d53
```
#701d53 rgb(112,29,83)
```

Triadic Color

#1d703a
```
#1d703a rgb(29,112,58)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#701d53
```
#701d53 rgb(112,29,83)
```
#703a1d
```
#703a1d rgb(112,58,29)
```

Tetradic Color

#0d2633
```
#0d2633 rgb(13,38,51)
```
#133547
```
#133547 rgb(19,53,71)
```
#18445c
```
#18445c rgb(24,68,92)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#226284
```
#226284 rgb(34,98,132)
```
#277199
```
#277199 rgb(39,113,153)
```
#2d80ad
```
#2d80ad rgb(45,128,173)
```

Monochromatic Color

Below, you can see some colors close to #1d5370. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1d6870
```
#1d6870 rgb(29,104,112)
```
#1d6170
```
#1d6170 rgb(29,97,112)
```
#1d5a70
```
#1d5a70 rgb(29,90,112)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#1d4c70
```
#1d4c70 rgb(29,76,112)
```
#1d4570
```
#1d4570 rgb(29,69,112)
```
#1d3e70
```
#1d3e70 rgb(29,62,112)
```

Similar Colors

Text with hexadecimal color #1d5370

This text has a font color of #1d5370.

<span style="color:#1d5370;">Text here</span>

#1d5370 background color

This paragraph has a background color of #1d5370.

<p style="background-color:#1d5370;">Content here</p>

#1d5370 border color

This element has a border color of #1d5370.

<div style="border:1px solid #1d5370;">Content here</div>

CSS codes

.text {color:#1d5370;}

.background {background-color:#1d5370;}

.border {border:1px solid #1d5370;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010203 is the darkest color, while #f2f8fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#091922
```
#091922 rgb(9,25,34)
```
#0d2532
```
#0d2532 rgb(13,37,50)
```
#113041
```
#113041 rgb(17,48,65)
```
#153c51
```
#153c51 rgb(21,60,81)
```
#194760
```
#194760 rgb(25,71,96)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#215f80
```
#215f80 rgb(33,95,128)
```
#256a8f
```
#256a8f rgb(37,106,143)
```
#29769f
```
#29769f rgb(41,118,159)
```
#2d81ae
```
#2d81ae rgb(45,129,174)
```
#318dbe
```
#318dbe rgb(49,141,190)
```

Shade Color Variation

#3798cb
```
#3798cb rgb(55,152,203)
```
#47a0cf
```
#47a0cf rgb(71,160,207)
```
#57a8d3
```
#57a8d3 rgb(87,168,211)
```
#66b0d7
```
#66b0d7 rgb(102,176,215)
```
#76b8db
```
#76b8db rgb(118,184,219)
```
#85c0df
```
#85c0df rgb(133,192,223)
```
#95c8e4
```
#95c8e4 rgb(149,200,228)
```
#a4d0e8
```
#a4d0e8 rgb(164,208,232)
```
#b4d8ec
```
#b4d8ec rgb(180,216,236)
```
#c4e0f0
```
#c4e0f0 rgb(196,224,240)
```
#d3e8f4
```
#d3e8f4 rgb(211,232,244)
```
#e3f0f8
```
#e3f0f8 rgb(227,240,248)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43484a is the less saturated color, while #025b8b is the most saturated one.

#43484a
```
#43484a rgb(67,72,74)
```
#3e494f
```
#3e494f rgb(62,73,79)
```
#384b55
```
#384b55 rgb(56,75,85)
```
#334c5a
```
#334c5a rgb(51,76,90)
```
#2d4e60
```
#2d4e60 rgb(45,78,96)
```
#285065
```
#285065 rgb(40,80,101)
```
#22516b
```
#22516b rgb(34,81,107)
```
#1d5370
```
#1d5370 rgb(29,83,112)
```
#185575
```
#185575 rgb(24,85,117)
```
#12567b
```
#12567b rgb(18,86,123)
```
#0d5880
```
#0d5880 rgb(13,88,128)
```
#075a86
```
#075a86 rgb(7,90,134)
```
#025b8b
```
#025b8b rgb(2,91,139)
```

Tone Color Variation

Below, you can see how #1d5370 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#464646 Achromatopsia 0.005% of the population
#3e494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5673 Protanopia 1% of men
#485679 Deuteranopia 1% of men
#175f66 Tritanopia 0.001% of the population

Trichromacy

#3c5572 Protanomaly 1% of men, 0.01% of women
#385576 Deuteranomaly 6% of men, 0.4% of women
#195a69 Tritanomaly 0.01% of the population

#1d5370 hex color

#1d5370 Color Information

#1d5370 Color Conversion

Color Schemes with #1d5370

Alternatives to #1d5370

#1d5370 Preview

Shades and Tints of #1d5370

Tones of #1d5370

Color Blindness Simulator