colorhexa.com

#1a5a86 hex color

In a RGB color space, hex #1a5a86 is composed of 10.2% red, 35.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 32.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 204.4 degrees, a saturation of 67.5% and a lightness of 31.4%. #1a5a86 color hex could be obtained by blending #34b4ff with #00000d. Closest websafe color is: #336699.

- R 10
- G 35
- B 53
RGB color chart
- C 81
- M 33
- Y 0
- K 47
CMYK color chart

● #1a5a86 color description : Dark blue.

The hexadecimal color #1a5a86 has RGB values of R:26, G:90, B:134 and CMYK values of C:0.81, M:0.33, Y:0, K:0.47. Its decimal value is 1727110.

Hex triplet	1a5a86	`#1a5a86`
RGB Decimal	26, 90, 134	`rgb(26,90,134)`
RGB Percent	10.2, 35.3, 52.5	`rgb(10.2%,35.3%,52.5%)`
CMYK	81, 33, 0, 47
HSL	204.4°, 67.5, 31.4	`hsl(204.4,67.5%,31.4%)`
HSV (or HSB)	204.4°, 80.6, 52.5
Web Safe	336699	`#336699`

CIE-LAB	36.466, -3.57, -30.181
XYZ	8.384, 9.252, 23.897
xyY	0.202, 0.223, 9.252
CIE-LCH	36.466, 30.392, 263.253
CIE-LUV	36.466, -21.146, -41.65
Hunter-Lab	30.418, -4.031, -25.287
Binary	00011010, 01011010, 10000110

#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#86461a
```
#86461a rgb(134,70,26)
```

Complementary Color

#1a867c
```
#1a867c rgb(26,134,124)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#1a2486
```
#1a2486 rgb(26,36,134)
```

Analogous Color

#867c1a
```
#867c1a rgb(134,124,26)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#861a24
```
#861a24 rgb(134,26,36)
```

Split Complementary Color

#5a861a
```
#5a861a rgb(90,134,26)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#861a5a
```
#861a5a rgb(134,26,90)
```

Triadic Color

#0e2f46
```
#0e2f46 rgb(14,47,70)
```
#123d5b
```
#123d5b rgb(18,61,91)
```
#164c71
```
#164c71 rgb(22,76,113)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#1e689b
```
#1e689b rgb(30,104,155)
```
#2277b1
```
#2277b1 rgb(34,119,177)
```
#2685c6
```
#2685c6 rgb(38,133,198)
```

Monochromatic Color

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

#1a7586
```
#1a7586 rgb(26,117,134)
```
#1a6c86
```
#1a6c86 rgb(26,108,134)
```
#1a6386
```
#1a6386 rgb(26,99,134)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#1a5186
```
#1a5186 rgb(26,81,134)
```
#1a4886
```
#1a4886 rgb(26,72,134)
```
#1a3f86
```
#1a3f86 rgb(26,63,134)
```

Similar Colors

Text with hexadecimal color #1a5a86

This text has a font color of #1a5a86.

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

#1a5a86 background color

This paragraph has a background color of #1a5a86.

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

#1a5a86 border color

This element has a border color of #1a5a86.

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

CSS codes

.text {color:#1a5a86;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#040d13
```
#040d13 rgb(4,13,19)
```
#071823
```
#071823 rgb(7,24,35)
```
#0a2334
```
#0a2334 rgb(10,35,52)
```
#0d2e44
```
#0d2e44 rgb(13,46,68)
```
#103955
```
#103955 rgb(16,57,85)
```
#144465
```
#144465 rgb(20,68,101)
```
#174f76
```
#174f76 rgb(23,79,118)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#1d6596
```
#1d6596 rgb(29,101,150)
```
#2070a7
```
#2070a7 rgb(32,112,167)
```
#247bb7
```
#247bb7 rgb(36,123,183)
```
#2786c8
```
#2786c8 rgb(39,134,200)
```

Shade Color Variation

#2c91d6
```
#2c91d6 rgb(44,145,214)
```
#3c99d9
```
#3c99d9 rgb(60,153,217)
```
#4da2dc
```
#4da2dc rgb(77,162,220)
```
#5dabe0
```
#5dabe0 rgb(93,171,224)
```
#6eb3e3
```
#6eb3e3 rgb(110,179,227)
```
#7ebce6
```
#7ebce6 rgb(126,188,230)
```
#8fc4e9
```
#8fc4e9 rgb(143,196,233)
```
#9fcdec
```
#9fcdec rgb(159,205,236)
```
#afd5f0
```
#afd5f0 rgb(175,213,240)
```
#c0def3
```
#c0def3 rgb(192,222,243)
```
#d0e7f6
```
#d0e7f6 rgb(208,231,246)
```
#e1eff9
```
#e1eff9 rgb(225,239,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#4b5155
```
#4b5155 rgb(75,81,85)
```
#45525b
```
#45525b rgb(69,82,91)
```
#3f5361
```
#3f5361 rgb(63,83,97)
```
#395467
```
#395467 rgb(57,84,103)
```
#33556d
```
#33556d rgb(51,85,109)
```
#2c5774
```
#2c5774 rgb(44,87,116)
```
#26587a
```
#26587a rgb(38,88,122)
```
#205980
```
#205980 rgb(32,89,128)
```
#1a5a86
```
#1a5a86 rgb(26,90,134)
```
#145b8c
```
#145b8c rgb(20,91,140)
```
#0e5c92
```
#0e5c92 rgb(14,92,146)
```
#085d98
```
#085d98 rgb(8,93,152)
```
#015f9f
```
#015f9f rgb(1,95,159)
```

Tone Color Variation

Below, you can see how #1a5a86 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
#424f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3b5c87 Protanomaly 1% of men, 0.01% of women
#345c8b Deuteranomaly 6% of men, 0.4% of women
#096277 Tritanomaly 0.01% of the population