colorhexa.com

#1a5c8f hex color

In a RGB color space, hex #1a5c8f is composed of 10.2% red, 36.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 35.7% magenta, 0% yellow and 43.9% black. It has a hue angle of 206.2 degrees, a saturation of 69.2% and a lightness of 33.1%. #1a5c8f color hex could be obtained by blending #34b8ff with #00001f. Closest websafe color is: #336699.

- R 10
- G 36
- B 56
RGB color chart
- C 82
- M 36
- Y 0
- K 44
CMYK color chart

● #1a5c8f color description : Dark blue.

The hexadecimal color #1a5c8f has RGB values of R:26, G:92, B:143 and CMYK values of C:0.82, M:0.36, Y:0, K:0.44. Its decimal value is 1727631.

Hex triplet	1a5c8f	`#1a5c8f`
RGB Decimal	26, 92, 143	`rgb(26,92,143)`
RGB Percent	10.2, 36.1, 56.1	`rgb(10.2%,36.1%,56.1%)`
CMYK	82, 36, 0, 44
HSL	206.2°, 69.2, 33.1	`hsl(206.2,69.2%,33.1%)`
HSV (or HSB)	206.2°, 81.8, 56.1
Web Safe	336699	`#336699`

CIE-LAB	37.583, -1.308, -33.886
XYZ	9.21, 9.856, 27.402
xyY	0.198, 0.212, 9.856
CIE-LCH	37.583, 33.912, 267.79
CIE-LUV	37.583, -21.433, -47.678
Hunter-Lab	31.395, -2.576, -29.774
Binary	00011010, 01011100, 10001111

#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#8f4d1a
```
#8f4d1a rgb(143,77,26)
```

Complementary Color

#1a8f88
```
#1a8f88 rgb(26,143,136)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#1a228f
```
#1a228f rgb(26,34,143)
```

Analogous Color

#8f881a
```
#8f881a rgb(143,136,26)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#8f1a22
```
#8f1a22 rgb(143,26,34)
```

Split Complementary Color

#5c8f1a
```
#5c8f1a rgb(92,143,26)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#8f1a5c
```
#8f1a5c rgb(143,26,92)
```

Triadic Color

#0e324e
```
#0e324e rgb(14,50,78)
```
#124064
```
#124064 rgb(18,64,100)
```
#164e79
```
#164e79 rgb(22,78,121)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#1e6aa5
```
#1e6aa5 rgb(30,106,165)
```
#2278ba
```
#2278ba rgb(34,120,186)
```
#2686d0
```
#2686d0 rgb(38,134,208)
```

Monochromatic Color

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

#1a798f
```
#1a798f rgb(26,121,143)
```
#1a708f
```
#1a708f rgb(26,112,143)
```
#1a668f
```
#1a668f rgb(26,102,143)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#1a528f
```
#1a528f rgb(26,82,143)
```
#1a498f
```
#1a498f rgb(26,73,143)
```
#1a3f8f
```
#1a3f8f rgb(26,63,143)
```

Similar Colors

Text with hexadecimal color #1a5c8f

This text has a font color of #1a5c8f.

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

#1a5c8f background color

This paragraph has a background color of #1a5c8f.

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

#1a5c8f border color

This element has a border color of #1a5c8f.

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

CSS codes

.text {color:#1a5c8f;}

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

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

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, #02070a is the darkest color, while #f9fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#05111b
```
#05111b rgb(5,17,27)
```
#081c2b
```
#081c2b rgb(8,28,43)
```
#0b273c
```
#0b273c rgb(11,39,60)
```
#0e314d
```
#0e314d rgb(14,49,77)
```
#113c5d
```
#113c5d rgb(17,60,93)
```
#14476e
```
#14476e rgb(20,71,110)
```
#17517e
```
#17517e rgb(23,81,126)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#1d67a0
```
#1d67a0 rgb(29,103,160)
```
#2071b0
```
#2071b0 rgb(32,113,176)
```
#237cc1
```
#237cc1 rgb(35,124,193)
```
#2687d1
```
#2687d1 rgb(38,135,209)
```

Shade Color Variation

#3190da
```
#3190da rgb(49,144,218)
```
#4299dd
```
#4299dd rgb(66,153,221)
```
#53a2e0
```
#53a2e0 rgb(83,162,224)
```
#63abe3
```
#63abe3 rgb(99,171,227)
```
#74b4e6
```
#74b4e6 rgb(116,180,230)
```
#84bde9
```
#84bde9 rgb(132,189,233)
```
#95c6ec
```
#95c6ec rgb(149,198,236)
```
#a6cfef
```
#a6cfef rgb(166,207,239)
```
#b6d8f2
```
#b6d8f2 rgb(182,216,242)
```
#c7e1f5
```
#c7e1f5 rgb(199,225,245)
```
#d7eaf8
```
#d7eaf8 rgb(215,234,248)
```
#e8f3fb
```
#e8f3fb rgb(232,243,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#555555
```
#555555 rgb(85,85,85)
```
#4e555b
```
#4e555b rgb(78,85,91)
```
#485662
```
#485662 rgb(72,86,98)
```
#415768
```
#415768 rgb(65,87,104)
```
#3b586f
```
#3b586f rgb(59,88,111)
```
#345975
```
#345975 rgb(52,89,117)
```
#2e5a7c
```
#2e5a7c rgb(46,90,124)
```
#275a82
```
#275a82 rgb(39,90,130)
```
#215b89
```
#215b89 rgb(33,91,137)
```
#1a5c8f
```
#1a5c8f rgb(26,92,143)
```
#145d96
```
#145d96 rgb(20,93,150)
```
#0d5e9c
```
#0d5e9c rgb(13,94,156)
```
#065fa3
```
#065fa3 rgb(6,95,163)
```

Tone Color Variation

Below, you can see how #1a5c8f 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
#44515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5f90 Protanopia 1% of men
#3e6196 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#3a5e90 Protanomaly 1% of men, 0.01% of women
#315f93 Deuteranomaly 6% of men, 0.4% of women
#09657c Tritanomaly 0.01% of the population