#1d5a77 hex color

In a RGB color space, hex #1d5a77 is composed of 11.4% red, 35.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 24.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 199.3 degrees, a saturation of 60.8% and a lightness of 29%. #1d5a77 color hex could be obtained by blending #3ab4ee with #000000. Closest websafe color is: #336666.

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

● #1d5a77 color description : Dark blue.

The hexadecimal color #1d5a77 has RGB values of R:29, G:90, B:119 and CMYK values of C:0.76, M:0.24, Y:0, K:0.53. Its decimal value is 1923703.

Hex triplet	1d5a77	`#1d5a77`
RGB Decimal	29, 90, 119	`rgb(29,90,119)`
RGB Percent	11.4, 35.3, 46.7	`rgb(11.4%,35.3%,46.7%)`
CMYK	76, 24, 0, 53
HSL	199.3°, 60.8, 29	`hsl(199.3,60.8%,29%)`
HSV (or HSB)	199.3°, 75.6, 46.7
Web Safe	336666	`#336666`

CIE-LAB	35.8, -8.897, -22.01
XYZ	7.492, 8.905, 18.776
xyY	0.213, 0.253, 8.905
CIE-LCH	35.8, 23.74, 247.99
CIE-LUV	35.8, -21.42, -29.006
Hunter-Lab	29.841, -7.408, -16.416
Binary	00011101, 01011010, 01110111

#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#773a1d
```
#773a1d rgb(119,58,29)
```

Complementary Color

#1d7767
```
#1d7767 rgb(29,119,103)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#1d2d77
```
#1d2d77 rgb(29,45,119)
```

Analogous Color

#77671d
```
#77671d rgb(119,103,29)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#771d2d
```
#771d2d rgb(119,29,45)
```

Split Complementary Color

#5a771d
```
#5a771d rgb(90,119,29)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#771d5a
```
#771d5a rgb(119,29,90)
```

Triadic Color

#1d773a
```
#1d773a rgb(29,119,58)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#771d5a
```
#771d5a rgb(119,29,90)
```
#773a1d
```
#773a1d rgb(119,58,29)
```

Tetradic Color

#0e2b39
```
#0e2b39 rgb(14,43,57)
```
#133b4e
```
#133b4e rgb(19,59,78)
```
#184a62
```
#184a62 rgb(24,74,98)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#226a8c
```
#226a8c rgb(34,106,140)
```
#2779a0
```
#2779a0 rgb(39,121,160)
```
#2c89b5
```
#2c89b5 rgb(44,137,181)
```

Monochromatic Color

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

#1d7177
```
#1d7177 rgb(29,113,119)
```
#1d6977
```
#1d6977 rgb(29,105,119)
```
#1d6277
```
#1d6277 rgb(29,98,119)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#1d5377
```
#1d5377 rgb(29,83,119)
```
#1d4b77
```
#1d4b77 rgb(29,75,119)
```
#1d4477
```
#1d4477 rgb(29,68,119)
```

Similar Colors

Text with hexadecimal color #1d5a77

This text has a font color of #1d5a77.

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

#1d5a77 background color

This paragraph has a background color of #1d5a77.

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

#1d5a77 border color

This element has a border color of #1d5a77.

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

CSS codes

.text {color:#1d5a77;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061218
```
#061218 rgb(6,18,24)
```
#0a1e28
```
#0a1e28 rgb(10,30,40)
```
#0e2a38
```
#0e2a38 rgb(14,42,56)
```
#113648
```
#113648 rgb(17,54,72)
```
#154257
```
#154257 rgb(21,66,87)
```
#194e67
```
#194e67 rgb(25,78,103)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#216687
```
#216687 rgb(33,102,135)
```
#257297
```
#257297 rgb(37,114,151)
```
#297ea6
```
#297ea6 rgb(41,126,166)
```
#2c8ab6
```
#2c8ab6 rgb(44,138,182)
```
#3096c6
```
#3096c6 rgb(48,150,198)
```

Shade Color Variation

#3b9fcf
```
#3b9fcf rgb(59,159,207)
```
#4aa7d3
```
#4aa7d3 rgb(74,167,211)
```
#5aafd7
```
#5aafd7 rgb(90,175,215)
```
#6ab6db
```
#6ab6db rgb(106,182,219)
```
#7abedf
```
#7abedf rgb(122,190,223)
```
#89c6e2
```
#89c6e2 rgb(137,198,226)
```
#99cde6
```
#99cde6 rgb(153,205,230)
```
#a9d5ea
```
#a9d5ea rgb(169,213,234)
```
#b9ddee
```
#b9ddee rgb(185,221,238)
```
#c9e4f2
```
#c9e4f2 rgb(201,228,242)
```
#d8ecf6
```
#d8ecf6 rgb(216,236,246)
```
#e8f4f9
```
#e8f4f9 rgb(232,244,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454c4f is the less saturated color, while #016493 is the most saturated one.

#454c4f
```
#454c4f rgb(69,76,79)
```
#3f4e55
```
#3f4e55 rgb(63,78,85)
```
#39505b
```
#39505b rgb(57,80,91)
```
#345260
```
#345260 rgb(52,82,96)
```
#2e5466
```
#2e5466 rgb(46,84,102)
```
#28566c
```
#28566c rgb(40,86,108)
```
#235871
```
#235871 rgb(35,88,113)
```
#1d5a77
```
#1d5a77 rgb(29,90,119)
```
#175c7d
```
#175c7d rgb(23,92,125)
```
#125e82
```
#125e82 rgb(18,94,130)
```
#0c6088
```
#0c6088 rgb(12,96,136)
```
#06628e
```
#06628e rgb(6,98,142)
```
#016493
```
#016493 rgb(1,100,147)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545c79 Protanopia 1% of men
#4e5c80 Deuteranopia 1% of men
#16656d Tritanopia 0.001% of the population

Trichromacy

#405b78 Protanomaly 1% of men, 0.01% of women
#3c5b7d Deuteranomaly 6% of men, 0.4% of women
#186170 Tritanomaly 0.01% of the population

#1d5a77 hex color

#1d5a77 Color Information

#1d5a77 Color Conversion

Color Schemes with #1d5a77

Alternatives to #1d5a77

#1d5a77 Preview

Shades and Tints of #1d5a77

Tones of #1d5a77

Color Blindness Simulator