#1d5a86 hex color

In a RGB color space, hex #1d5a86 is composed of 11.4% red, 35.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 32.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 205.1 degrees, a saturation of 64.4% and a lightness of 32%. #1d5a86 color hex could be obtained by blending #3ab4ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 35
- B 53
RGB color chart
- C 78
- M 33
- Y 0
- K 47
CMYK color chart

● #1d5a86 color description : Dark blue.

The hexadecimal color #1d5a86 has RGB values of R:29, G:90, B:134 and CMYK values of C:0.78, M:0.33, Y:0, K:0.47. Its decimal value is 1923718.

Hex triplet	1d5a86	`#1d5a86`
RGB Decimal	29, 90, 134	`rgb(29,90,134)`
RGB Percent	11.4, 35.3, 52.5	`rgb(11.4%,35.3%,52.5%)`
CMYK	78, 33, 0, 47
HSL	205.1°, 64.4, 32	`hsl(205.1,64.4%,32%)`
HSV (or HSB)	205.1°, 78.4, 52.5
Web Safe	336699	`#336699`

CIE-LAB	36.544, -3.197, -30.052
XYZ	8.465, 9.294, 23.901
xyY	0.203, 0.223, 9.294
CIE-LCH	36.544, 30.222, 263.927
CIE-LUV	36.544, -20.731, -41.519
Hunter-Lab	30.486, -3.788, -25.142
Binary	00011101, 01011010, 10000110

#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#86491d
```
#86491d rgb(134,73,29)
```

Complementary Color

#1d867e
```
#1d867e rgb(29,134,126)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#1d2686
```
#1d2686 rgb(29,38,134)
```

Analogous Color

#867e1d
```
#867e1d rgb(134,126,29)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#861d26
```
#861d26 rgb(134,29,38)
```

Split Complementary Color

#5a861d
```
#5a861d rgb(90,134,29)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#861d5a
```
#861d5a rgb(134,29,90)
```

Triadic Color

#1d8649
```
#1d8649 rgb(29,134,73)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#861d5a
```
#861d5a rgb(134,29,90)
```
#86491d
```
#86491d rgb(134,73,29)
```

Tetradic Color

#0f3047
```
#0f3047 rgb(15,48,71)
```
#143e5c
```
#143e5c rgb(20,62,92)
```
#184c71
```
#184c71 rgb(24,76,113)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#22689b
```
#22689b rgb(34,104,155)
```
#2676b0
```
#2676b0 rgb(38,118,176)
```
#2b84c5
```
#2b84c5 rgb(43,132,197)
```

Monochromatic Color

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

#1d7486
```
#1d7486 rgb(29,116,134)
```
#1d6c86
```
#1d6c86 rgb(29,108,134)
```
#1d6386
```
#1d6386 rgb(29,99,134)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#1d5186
```
#1d5186 rgb(29,81,134)
```
#1d4986
```
#1d4986 rgb(29,73,134)
```
#1d4086
```
#1d4086 rgb(29,64,134)
```

Similar Colors

Text with hexadecimal color #1d5a86

This text has a font color of #1d5a86.

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

#1d5a86 background color

This paragraph has a background color of #1d5a86.

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

#1d5a86 border color

This element has a border color of #1d5a86.

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

CSS codes

.text {color:#1d5a86;}

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

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

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, #010305 is the darkest color, while #f4f9fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#050e15
```
#050e15 rgb(5,14,21)
```
#081925
```
#081925 rgb(8,25,37)
```
#0c2435
```
#0c2435 rgb(12,36,53)
```
#0f2f45
```
#0f2f45 rgb(15,47,69)
```
#133a56
```
#133a56 rgb(19,58,86)
```
#164466
```
#164466 rgb(22,68,102)
```
#1a4f76
```
#1a4f76 rgb(26,79,118)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#206596
```
#206596 rgb(32,101,150)
```
#2470a6
```
#2470a6 rgb(36,112,166)
```
#277ab6
```
#277ab6 rgb(39,122,182)
```
#2b85c7
```
#2b85c7 rgb(43,133,199)
```

Shade Color Variation

#3290d3
```
#3290d3 rgb(50,144,211)
```
#4298d6
```
#4298d6 rgb(66,152,214)
```
#53a1da
```
#53a1da rgb(83,161,218)
```
#63aadd
```
#63aadd rgb(99,170,221)
```
#73b3e1
```
#73b3e1 rgb(115,179,225)
```
#83bbe4
```
#83bbe4 rgb(131,187,228)
```
#93c4e8
```
#93c4e8 rgb(147,196,232)
```
#a3cdeb
```
#a3cdeb rgb(163,205,235)
```
#b3d6ef
```
#b3d6ef rgb(179,214,239)
```
#c3dff2
```
#c3dff2 rgb(195,223,242)
```
#d4e7f6
```
#d4e7f6 rgb(212,231,246)
```
#e4f0f9
```
#e4f0f9 rgb(228,240,249)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5254 is the less saturated color, while #045e9f is the most saturated one.

#4f5254
```
#4f5254 rgb(79,82,84)
```
#49535a
```
#49535a rgb(73,83,90)
```
#435460
```
#435460 rgb(67,84,96)
```
#3c5567
```
#3c5567 rgb(60,85,103)
```
#36566d
```
#36566d rgb(54,86,109)
```
#305773
```
#305773 rgb(48,87,115)
```
#2a5879
```
#2a5879 rgb(42,88,121)
```
#235980
```
#235980 rgb(35,89,128)
```
#1d5a86
```
#1d5a86 rgb(29,90,134)
```
#175b8c
```
#175b8c rgb(23,91,140)
```
#105c93
```
#105c93 rgb(16,92,147)
```
#0a5d99
```
#0a5d99 rgb(10,93,153)
```
#045e9f
```
#045e9f rgb(4,94,159)
```

Tone Color Variation

Below, you can see how #1d5a86 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

#4d4d4d Achromatopsia 0.005% of the population
#435058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5d88 Protanopia 1% of men
#435e8d Deuteranopia 1% of men
#00676f Tritanopia 0.001% of the population

Trichromacy

#3c5c87 Protanomaly 1% of men, 0.01% of women
#355d8b Deuteranomaly 6% of men, 0.4% of women
#0a6277 Tritanomaly 0.01% of the population

#1d5a86 hex color

#1d5a86 Color Information

#1d5a86 Color Conversion

Color Schemes with #1d5a86

Alternatives to #1d5a86

#1d5a86 Preview

Shades and Tints of #1d5a86

Tones of #1d5a86

Color Blindness Simulator