#1a5fb4 hex color

In a RGB color space, hex #1a5fb4 is composed of 10.2% red, 37.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 47.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 213.1 degrees, a saturation of 74.8% and a lightness of 40.4%. #1a5fb4 color hex could be obtained by blending #34beff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 37
- B 71
RGB color chart
- C 86
- M 47
- Y 0
- K 29
CMYK color chart

● #1a5fb4 color description : Strong blue.

The hexadecimal color #1a5fb4 has RGB values of R:26, G:95, B:180 and CMYK values of C:0.86, M:0.47, Y:0, K:0.29. Its decimal value is 1728436.

Hex triplet	1a5fb4	`#1a5fb4`
RGB Decimal	26, 95, 180	`rgb(26,95,180)`
RGB Percent	10.2, 37.3, 70.6	`rgb(10.2%,37.3%,70.6%)`
CMYK	86, 47, 0, 29
HSL	213.1°, 74.8, 40.4	`hsl(213.1,74.8%,40.4%)`
HSV (or HSB)	213.1°, 85.6, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.732, 11.447, -50.899
XYZ	12.755, 11.698, 44.763
xyY	0.184, 0.169, 11.698
CIE-LCH	40.732, 52.17, 282.675
CIE-LUV	40.732, -20.997, -75.135
Hunter-Lab	34.203, 6.71, -53.655
Binary	00011010, 01011111, 10110100

#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#b46f1a
```
#b46f1a rgb(180,111,26)
```

Complementary Color

#1aacb4
```
#1aacb4 rgb(26,172,180)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#221ab4
```
#221ab4 rgb(34,26,180)
```

Analogous Color

#acb41a
```
#acb41a rgb(172,180,26)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#b4221a
```
#b4221a rgb(180,34,26)
```

Split Complementary Color

#5fb41a
```
#5fb41a rgb(95,180,26)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#b41a5f
```
#b41a5f rgb(180,26,95)
```

Triadic Color

#1ab46f
```
#1ab46f rgb(26,180,111)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#b41a5f
```
#b41a5f rgb(180,26,95)
```
#b46f1a
```
#b46f1a rgb(180,111,26)
```

Tetradic Color

#103c71
```
#103c71 rgb(16,60,113)
```
#144787
```
#144787 rgb(20,71,135)
```
#17539e
```
#17539e rgb(23,83,158)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#1d6bca
```
#1d6bca rgb(29,107,202)
```
#2277df
```
#2277df rgb(34,119,223)
```
#3884e2
```
#3884e2 rgb(56,132,226)
```

Monochromatic Color

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

#1a86b4
```
#1a86b4 rgb(26,134,180)
```
#1a79b4
```
#1a79b4 rgb(26,121,180)
```
#1a6cb4
```
#1a6cb4 rgb(26,108,180)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#1a52b4
```
#1a52b4 rgb(26,82,180)
```
#1a45b4
```
#1a45b4 rgb(26,69,180)
```
#1a38b4
```
#1a38b4 rgb(26,56,180)
```

Similar Colors

Text with hexadecimal color #1a5fb4

This text has a font color of #1a5fb4.

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

#1a5fb4 background color

This paragraph has a background color of #1a5fb4.

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

#1a5fb4 border color

This element has a border color of #1a5fb4.

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

CSS codes

.text {color:#1a5fb4;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#040e1a
```
#040e1a rgb(4,14,26)
```
#06172b
```
#06172b rgb(6,23,43)
```
#09203c
```
#09203c rgb(9,32,60)
```
#0b294d
```
#0b294d rgb(11,41,77)
```
#0e325e
```
#0e325e rgb(14,50,94)
```
#103b6f
```
#103b6f rgb(16,59,111)
```
#134481
```
#134481 rgb(19,68,129)
```
#154d92
```
#154d92 rgb(21,77,146)
```
#1856a3
```
#1856a3 rgb(24,86,163)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#1c68c5
```
#1c68c5 rgb(28,104,197)
```
#1f71d6
```
#1f71d6 rgb(31,113,214)
```

Shade Color Variation

#297be0
```
#297be0 rgb(41,123,224)
```
#3a85e3
```
#3a85e3 rgb(58,133,227)
```
#4b90e5
```
#4b90e5 rgb(75,144,229)
```
#5c9be7
```
#5c9be7 rgb(92,155,231)
```
#6da5ea
```
#6da5ea rgb(109,165,234)
```
#7eb0ec
```
#7eb0ec rgb(126,176,236)
```
#90baef
```
#90baef rgb(144,186,239)
```
#a1c5f1
```
#a1c5f1 rgb(161,197,241)
```
#b2cff4
```
#b2cff4 rgb(178,207,244)
```
#c3daf6
```
#c3daf6 rgb(195,218,246)
```
#d4e5f9
```
#d4e5f9 rgb(212,229,249)
```
#e5effb
```
#e5effb rgb(229,239,251)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#61666d
```
#61666d rgb(97,102,109)
```
#596675
```
#596675 rgb(89,102,117)
```
#51657d
```
#51657d rgb(81,101,125)
```
#4a6484
```
#4a6484 rgb(74,100,132)
```
#42638c
```
#42638c rgb(66,99,140)
```
#3a6294
```
#3a6294 rgb(58,98,148)
```
#32619c
```
#32619c rgb(50,97,156)
```
#2a61a4
```
#2a61a4 rgb(42,97,164)
```
#2260ac
```
#2260ac rgb(34,96,172)
```
#1a5fb4
```
#1a5fb4 rgb(26,95,180)
```
#125ebc
```
#125ebc rgb(18,94,188)
```
#0a5dc4
```
#0a5dc4 rgb(10,93,196)
```
#025dcc
```
#025dcc rgb(2,93,204)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#485667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3965b6 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2e63b5 Protanomaly 1% of men, 0.01% of women
#0966b1 Deuteranomaly 6% of men, 0.4% of women
#096b8e Tritanomaly 0.01% of the population

#1a5fb4 hex color

#1a5fb4 Color Information

#1a5fb4 Color Conversion

Color Schemes with #1a5fb4

Alternatives to #1a5fb4

#1a5fb4 Preview

Shades and Tints of #1a5fb4

Tones of #1a5fb4

Color Blindness Simulator