#1a5e80 hex color

In a RGB color space, hex #1a5e80 is composed of 10.2% red, 36.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 26.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 200 degrees, a saturation of 66.2% and a lightness of 30.2%. #1a5e80 color hex could be obtained by blending #34bcff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 10
- G 37
- B 50
RGB color chart
- C 80
- M 27
- Y 0
- K 50
CMYK color chart

● #1a5e80 color description : Dark blue.

The hexadecimal color #1a5e80 has RGB values of R:26, G:94, B:128 and CMYK values of C:0.8, M:0.27, Y:0, K:0.5. Its decimal value is 1728128.

Hex triplet	1a5e80	`#1a5e80`
RGB Decimal	26, 94, 128	`rgb(26,94,128)`
RGB Percent	10.2, 36.9, 50.2	`rgb(10.2%,36.9%,50.2%)`
CMYK	80, 27, 0, 50
HSL	200°, 66.2, 30.2	`hsl(200,66.2%,30.2%)`
HSV (or HSB)	200°, 79.7, 50.2
Web Safe	336699	`#336699`

CIE-LAB	37.45, -8.345, -24.974
XYZ	8.324, 9.783, 21.87
xyY	0.208, 0.245, 9.783
CIE-LCH	37.45, 26.331, 251.522
CIE-LUV	37.45, -22.862, -33.767
Hunter-Lab	31.277, -7.231, -19.564
Binary	00011010, 01011110, 10000000

#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#803c1a
```
#803c1a rgb(128,60,26)
```

Complementary Color

#1a806f
```
#1a806f rgb(26,128,111)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#1a2b80
```
#1a2b80 rgb(26,43,128)
```

Analogous Color

#806f1a
```
#806f1a rgb(128,111,26)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#801a2b
```
#801a2b rgb(128,26,43)
```

Split Complementary Color

#5e801a
```
#5e801a rgb(94,128,26)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#801a5e
```
#801a5e rgb(128,26,94)
```

Triadic Color

#1a803c
```
#1a803c rgb(26,128,60)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#801a5e
```
#801a5e rgb(128,26,94)
```
#803c1a
```
#803c1a rgb(128,60,26)
```

Tetradic Color

#0d2f40
```
#0d2f40 rgb(13,47,64)
```
#113f56
```
#113f56 rgb(17,63,86)
```
#164e6b
```
#164e6b rgb(22,78,107)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#1e6e95
```
#1e6e95 rgb(30,110,149)
```
#237daa
```
#237daa rgb(35,125,170)
```
#278dc0
```
#278dc0 rgb(39,141,192)
```

Monochromatic Color

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

#1a7880
```
#1a7880 rgb(26,120,128)
```
#1a6f80
```
#1a6f80 rgb(26,111,128)
```
#1a6780
```
#1a6780 rgb(26,103,128)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#1a5680
```
#1a5680 rgb(26,86,128)
```
#1a4d80
```
#1a4d80 rgb(26,77,128)
```
#1a4580
```
#1a4580 rgb(26,69,128)
```

Similar Colors

Text with hexadecimal color #1a5e80

This text has a font color of #1a5e80.

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

#1a5e80 background color

This paragraph has a background color of #1a5e80.

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

#1a5e80 border color

This element has a border color of #1a5e80.

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

CSS codes

.text {color:#1a5e80;}

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

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

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, #030a0e is the darkest color, while #fdfeff is the lightest one.

#030a0e
```
#030a0e rgb(3,10,14)
```
#06161e
```
#06161e rgb(6,22,30)
```
#09222e
```
#09222e rgb(9,34,46)
```
#0d2e3f
```
#0d2e3f rgb(13,46,63)
```
#103a4f
```
#103a4f rgb(16,58,79)
```
#13465f
```
#13465f rgb(19,70,95)
```
#175270
```
#175270 rgb(23,82,112)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#1d6a90
```
#1d6a90 rgb(29,106,144)
```
#2176a1
```
#2176a1 rgb(33,118,161)
```
#2482b1
```
#2482b1 rgb(36,130,177)
```
#278ec1
```
#278ec1 rgb(39,142,193)
```
#2b9ad2
```
#2b9ad2 rgb(43,154,210)
```

Shade Color Variation

#39a2d7
```
#39a2d7 rgb(57,162,215)
```
#49aada
```
#49aada rgb(73,170,218)
```
#5ab1dd
```
#5ab1dd rgb(90,177,221)
```
#6ab9e1
```
#6ab9e1 rgb(106,185,225)
```
#7ac1e4
```
#7ac1e4 rgb(122,193,228)
```
#8ac8e7
```
#8ac8e7 rgb(138,200,231)
```
#9bd0eb
```
#9bd0eb rgb(155,208,235)
```
#abd8ee
```
#abd8ee rgb(171,216,238)
```
#bbdff1
```
#bbdff1 rgb(187,223,241)
```
#cce7f5
```
#cce7f5 rgb(204,231,245)
```
#dceff8
```
#dceff8 rgb(220,239,248)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#494e51
```
#494e51 rgb(73,78,81)
```
#435057
```
#435057 rgb(67,80,87)
```
#3e525c
```
#3e525c rgb(62,82,92)
```
#385462
```
#385462 rgb(56,84,98)
```
#325668
```
#325668 rgb(50,86,104)
```
#2c586e
```
#2c586e rgb(44,88,110)
```
#265a74
```
#265a74 rgb(38,90,116)
```
#205c7a
```
#205c7a rgb(32,92,122)
```
#1a5e80
```
#1a5e80 rgb(26,94,128)
```
#146086
```
#146086 rgb(20,96,134)
```
#0e628c
```
#0e628c rgb(14,98,140)
```
#086492
```
#086492 rgb(8,100,146)
```
#026698
```
#026698 rgb(2,102,152)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#445158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555f81 Protanopia 1% of men
#4e6089 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#405f81 Protanomaly 1% of men, 0.01% of women
#3b5f85 Deuteranomaly 6% of men, 0.4% of women
#096577 Tritanomaly 0.01% of the population

#1a5e80 hex color

#1a5e80 Color Information

#1a5e80 Color Conversion

Color Schemes with #1a5e80

Alternatives to #1a5e80

#1a5e80 Preview

Shades and Tints of #1a5e80

Tones of #1a5e80

Color Blindness Simulator