colorhexa.com

#1a5d77 hex color

In a RGB color space, hex #1a5d77 is composed of 10.2% red, 36.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 21.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 196.8 degrees, a saturation of 64.1% and a lightness of 28.4%. #1a5d77 color hex could be obtained by blending #34baee with #000000. Closest websafe color is: #336666.

- R 10
- G 36
- B 47
RGB color chart
- C 78
- M 22
- Y 0
- K 53
CMYK color chart

● #1a5d77 color description : Dark blue.

The hexadecimal color #1a5d77 has RGB values of R:26, G:93, B:119 and CMYK values of C:0.78, M:0.22, Y:0, K:0.53. Its decimal value is 1727863.

Hex triplet	1a5d77	`#1a5d77`
RGB Decimal	26, 93, 119	`rgb(26,93,119)`
RGB Percent	10.2, 36.5, 46.7	`rgb(10.2%,36.5%,46.7%)`
CMYK	78, 22, 0, 53
HSL	196.8°, 64.1, 28.4	`hsl(196.8,64.1%,28.4%)`
HSV (or HSB)	196.8°, 78.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	36.705, -11.117, -20.612
XYZ	7.669, 9.38, 18.858
xyY	0.214, 0.261, 9.38
CIE-LCH	36.705, 23.419, 241.661
CIE-LUV	36.705, -22.975, -26.923
Hunter-Lab	30.626, -8.896, -15.07
Binary	00011010, 01011101, 01110111

#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#77341a
```
#77341a rgb(119,52,26)
```

Complementary Color

#1a7763
```
#1a7763 rgb(26,119,99)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#1a2f77
```
#1a2f77 rgb(26,47,119)
```

Analogous Color

#77631a
```
#77631a rgb(119,99,26)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#771a2f
```
#771a2f rgb(119,26,47)
```

Split Complementary Color

#5d771a
```
#5d771a rgb(93,119,26)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#771a5d
```
#771a5d rgb(119,26,93)
```

Triadic Color

#0c2c38
```
#0c2c38 rgb(12,44,56)
```
#113c4d
```
#113c4d rgb(17,60,77)
```
#154d62
```
#154d62 rgb(21,77,98)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#1f6d8c
```
#1f6d8c rgb(31,109,140)
```
#237ea1
```
#237ea1 rgb(35,126,161)
```
#288eb6
```
#288eb6 rgb(40,142,182)
```

Monochromatic Color

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

#1a7477
```
#1a7477 rgb(26,116,119)
```
#1a6d77
```
#1a6d77 rgb(26,109,119)
```
#1a6577
```
#1a6577 rgb(26,101,119)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#1a5577
```
#1a5577 rgb(26,85,119)
```
#1a4e77
```
#1a4e77 rgb(26,78,119)
```
#1a4677
```
#1a4677 rgb(26,70,119)
```

Similar Colors

Text with hexadecimal color #1a5d77

This text has a font color of #1a5d77.

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

#1a5d77 background color

This paragraph has a background color of #1a5d77.

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

#1a5d77 border color

This element has a border color of #1a5d77.

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

CSS codes

.text {color:#1a5d77;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#081e27
```
#081e27 rgb(8,30,39)
```
#0c2b37
```
#0c2b37 rgb(12,43,55)
```
#0f3747
```
#0f3747 rgb(15,55,71)
```
#134457
```
#134457 rgb(19,68,87)
```
#165067
```
#165067 rgb(22,80,103)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#1e6a87
```
#1e6a87 rgb(30,106,135)
```
#217697
```
#217697 rgb(33,118,151)
```
#2583a7
```
#2583a7 rgb(37,131,167)
```
#288fb7
```
#288fb7 rgb(40,143,183)
```
#2c9cc7
```
#2c9cc7 rgb(44,156,199)
```

Shade Color Variation

#34a6d3
```
#34a6d3 rgb(52,166,211)
```
#44add6
```
#44add6 rgb(68,173,214)
```
#54b4da
```
#54b4da rgb(84,180,218)
```
#64bbdd
```
#64bbdd rgb(100,187,221)
```
#74c2e1
```
#74c2e1 rgb(116,194,225)
```
#85c9e4
```
#85c9e4 rgb(133,201,228)
```
#95d1e8
```
#95d1e8 rgb(149,209,232)
```
#a5d8eb
```
#a5d8eb rgb(165,216,235)
```
#b5dfef
```
#b5dfef rgb(181,223,239)
```
#c5e6f2
```
#c5e6f2 rgb(197,230,242)
```
#d5edf6
```
#d5edf6 rgb(213,237,246)
```
#e5f4f9
```
#e5f4f9 rgb(229,244,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#47494a
```
#47494a rgb(71,73,74)
```
#414c50
```
#414c50 rgb(65,76,80)
```
#3b4e56
```
#3b4e56 rgb(59,78,86)
```
#36515b
```
#36515b rgb(54,81,91)
```
#305361
```
#305361 rgb(48,83,97)
```
#2b5666
```
#2b5666 rgb(43,86,102)
```
#25586c
```
#25586c rgb(37,88,108)
```
#205b71
```
#205b71 rgb(32,91,113)
```
#1a5d77
```
#1a5d77 rgb(26,93,119)
```
#145f7d
```
#145f7d rgb(20,95,125)
```
#0f6282
```
#0f6282 rgb(15,98,130)
```
#096488
```
#096488 rgb(9,100,136)
```
#04678d
```
#04678d rgb(4,103,141)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#424f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575e79 Protanopia 1% of men
#525e80 Deuteranopia 1% of men
#13686f Tritanopia 0.001% of the population

Trichromacy

#415d78 Protanomaly 1% of men, 0.01% of women
#3e5d7d Deuteranomaly 6% of men, 0.4% of women
#166472 Tritanomaly 0.01% of the population