#1a5ac2 hex color

In a RGB color space, hex #1a5ac2 is composed of 10.2% red, 35.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 53.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.1 degrees, a saturation of 76.4% and a lightness of 43.1%. #1a5ac2 color hex could be obtained by blending #34b4ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 35
- B 76
RGB color chart
- C 87
- M 54
- Y 0
- K 24
CMYK color chart

● #1a5ac2 color description : Strong blue.

The hexadecimal color #1a5ac2 has RGB values of R:26, G:90, B:194 and CMYK values of C:0.87, M:0.54, Y:0, K:0.24. Its decimal value is 1727170.

Hex triplet	1a5ac2	`#1a5ac2`
RGB Decimal	26, 90, 194	`rgb(26,90,194)`
RGB Percent	10.2, 35.3, 76.1	`rgb(10.2%,35.3%,76.1%)`
CMYK	87, 54, 0, 24
HSL	217.1°, 76.4, 43.1	`hsl(217.1,76.4%,43.1%)`
HSV (or HSB)	217.1°, 86.6, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.289, 20.283, -59.794
XYZ	13.818, 11.426, 52.513
xyY	0.178, 0.147, 11.426
CIE-LCH	40.289, 63.141, 288.738
CIE-LUV	40.289, -19.159, -88.153
Hunter-Lab	33.802, 13.814, -68.448
Binary	00011010, 01011010, 11000010

#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#c2821a
```
#c2821a rgb(194,130,26)
```

Complementary Color

#1aaec2
```
#1aaec2 rgb(26,174,194)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#2e1ac2
```
#2e1ac2 rgb(46,26,194)
```

Analogous Color

#aec21a
```
#aec21a rgb(174,194,26)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#c22e1a
```
#c22e1a rgb(194,46,26)
```

Split Complementary Color

#5ac21a
```
#5ac21a rgb(90,194,26)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#c21a5a
```
#c21a5a rgb(194,26,90)
```

Triadic Color

#1ac282
```
#1ac282 rgb(26,194,130)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#c21a5a
```
#c21a5a rgb(194,26,90)
```
#c2821a
```
#c2821a rgb(194,130,26)
```

Tetradic Color

#113b7f
```
#113b7f rgb(17,59,127)
```
#144595
```
#144595 rgb(20,69,149)
```
#1750ac
```
#1750ac rgb(23,80,172)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#1d64d8
```
#1d64d8 rgb(29,100,216)
```
#2c72e3
```
#2c72e3 rgb(44,114,227)
```
#4381e6
```
#4381e6 rgb(67,129,230)
```

Monochromatic Color

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

#1a84c2
```
#1a84c2 rgb(26,132,194)
```
#1a76c2
```
#1a76c2 rgb(26,118,194)
```
#1a68c2
```
#1a68c2 rgb(26,104,194)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#1a4cc2
```
#1a4cc2 rgb(26,76,194)
```
#1a3ec2
```
#1a3ec2 rgb(26,62,194)
```
#1a30c2
```
#1a30c2 rgb(26,48,194)
```

Similar Colors

Text with hexadecimal color #1a5ac2

This text has a font color of #1a5ac2.

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

#1a5ac2 background color

This paragraph has a background color of #1a5ac2.

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

#1a5ac2 border color

This element has a border color of #1a5ac2.

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

CSS codes

.text {color:#1a5ac2;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#051226
```
#051226 rgb(5,18,38)
```
#071a38
```
#071a38 rgb(7,26,56)
```
#0a2249
```
#0a2249 rgb(10,34,73)
```
#0c2a5a
```
#0c2a5a rgb(12,42,90)
```
#0e326c
```
#0e326c rgb(14,50,108)
```
#113a7d
```
#113a7d rgb(17,58,125)
```
#13428e
```
#13428e rgb(19,66,142)
```
#154a9f
```
#154a9f rgb(21,74,159)
```
#1852b1
```
#1852b1 rgb(24,82,177)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#1c62d3
```
#1c62d3 rgb(28,98,211)
```

Shade Color Variation

#226be1
```
#226be1 rgb(34,107,225)
```
#3376e4
```
#3376e4 rgb(51,118,228)
```
#4482e6
```
#4482e6 rgb(68,130,230)
```
#568ee8
```
#568ee8 rgb(86,142,232)
```
#6799eb
```
#6799eb rgb(103,153,235)
```
#78a5ed
```
#78a5ed rgb(120,165,237)
```
#8ab0ef
```
#8ab0ef rgb(138,176,239)
```
#9bbcf2
```
#9bbcf2 rgb(155,188,242)
```
#acc8f4
```
#acc8f4 rgb(172,200,244)
```
#bed3f6
```
#bed3f6 rgb(190,211,246)
```
#cfdff9
```
#cfdff9 rgb(207,223,249)
```
#e0eafb
```
#e0eafb rgb(224,234,251)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666c76 is the less saturated color, while #0154db is the most saturated one.

#666c76
```
#666c76 rgb(102,108,118)
```
#5e6a7e
```
#5e6a7e rgb(94,106,126)
```
#556887
```
#556887 rgb(85,104,135)
```
#4d668f
```
#4d668f rgb(77,102,143)
```
#446498
```
#446498 rgb(68,100,152)
```
#3c62a0
```
#3c62a0 rgb(60,98,160)
```
#3360a9
```
#3360a9 rgb(51,96,169)
```
#2b5eb1
```
#2b5eb1 rgb(43,94,177)
```
#225cba
```
#225cba rgb(34,92,186)
```
#1a5ac2
```
#1a5ac2 rgb(26,90,194)
```
#1258ca
```
#1258ca rgb(18,88,202)
```
#0956d3
```
#0956d3 rgb(9,86,211)
```
#0154db
```
#0154db rgb(1,84,219)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#485469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0960c3 Protanomaly 1% of men, 0.01% of women
#0963b4 Deuteranomaly 6% of men, 0.4% of women
#096892 Tritanomaly 0.01% of the population

#1a5ac2 hex color

#1a5ac2 Color Information

#1a5ac2 Color Conversion

Color Schemes with #1a5ac2

Alternatives to #1a5ac2

#1a5ac2 Preview

Shades and Tints of #1a5ac2

Tones of #1a5ac2

Color Blindness Simulator