#1a5bd0 hex color

In a RGB color space, hex #1a5bd0 is composed of 10.2% red, 35.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 56.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 218.6 degrees, a saturation of 77.8% and a lightness of 45.9%. #1a5bd0 color hex could be obtained by blending #34b6ff with #0000a1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 36
- B 82
RGB color chart
- C 88
- M 56
- Y 0
- K 18
CMYK color chart

● #1a5bd0 color description : Strong blue.

The hexadecimal color #1a5bd0 has RGB values of R:26, G:91, B:208 and CMYK values of C:0.88, M:0.56, Y:0, K:0.18. Its decimal value is 1727440.

Hex triplet	1a5bd0	`#1a5bd0`
RGB Decimal	26, 91, 208	`rgb(26,91,208)`
RGB Percent	10.2, 35.7, 81.6	`rgb(10.2%,35.7%,81.6%)`
CMYK	88, 56, 0, 18
HSL	218.6°, 77.8, 45.9	`hsl(218.6,77.8%,45.9%)`
HSV (or HSB)	218.6°, 87.5, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.618, 25.11, -65.728
XYZ	15.55, 12.255, 61.217
xyY	0.175, 0.138, 12.255
CIE-LCH	41.618, 70.362, 290.908
CIE-LUV	41.618, -19.178, -97.594
Hunter-Lab	35.007, 18.028, -79.178
Binary	00011010, 01011011, 11010000

#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#d08f1a
```
#d08f1a rgb(208,143,26)
```

Complementary Color

#1ab6d0
```
#1ab6d0 rgb(26,182,208)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#341ad0
```
#341ad0 rgb(52,26,208)
```

Analogous Color

#b6d01a
```
#b6d01a rgb(182,208,26)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#d0341a
```
#d0341a rgb(208,52,26)
```

Split Complementary Color

#5bd01a
```
#5bd01a rgb(91,208,26)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#d01a5b
```
#d01a5b rgb(208,26,91)
```

Triadic Color

#1ad08f
```
#1ad08f rgb(26,208,143)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#d01a5b
```
#d01a5b rgb(208,26,91)
```
#d08f1a
```
#d08f1a rgb(208,143,26)
```

Tetradic Color

#123d8c
```
#123d8c rgb(18,61,140)
```
#1447a3
```
#1447a3 rgb(20,71,163)
```
#1751b9
```
#1751b9 rgb(23,81,185)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#2066e3
```
#2066e3 rgb(32,102,227)
```
#3776e6
```
#3776e6 rgb(55,118,230)
```
#4e85e9
```
#4e85e9 rgb(78,133,233)
```

Monochromatic Color

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

#1a89d0
```
#1a89d0 rgb(26,137,208)
```
#1a79d0
```
#1a79d0 rgb(26,121,208)
```
#1a6ad0
```
#1a6ad0 rgb(26,106,208)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#1a4cd0
```
#1a4cd0 rgb(26,76,208)
```
#1a3dd0
```
#1a3dd0 rgb(26,61,208)
```
#1a2ed0
```
#1a2ed0 rgb(26,46,208)
```

Similar Colors

Text with hexadecimal color #1a5bd0

This text has a font color of #1a5bd0.

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

#1a5bd0 background color

This paragraph has a background color of #1a5bd0.

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

#1a5bd0 border color

This element has a border color of #1a5bd0.

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

CSS codes

.text {color:#1a5bd0;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#040f22
```
#040f22 rgb(4,15,34)
```
#061633
```
#061633 rgb(6,22,51)
```
#091e45
```
#091e45 rgb(9,30,69)
```
#0b2656
```
#0b2656 rgb(11,38,86)
```
#0d2d67
```
#0d2d67 rgb(13,45,103)
```
#0f3579
```
#0f3579 rgb(15,53,121)
```
#113c8a
```
#113c8a rgb(17,60,138)
```
#13449c
```
#13449c rgb(19,68,156)
```
#164cad
```
#164cad rgb(22,76,173)
```
#1853bf
```
#1853bf rgb(24,83,191)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#1c63e1
```
#1c63e1 rgb(28,99,225)
```

Shade Color Variation

#2d6ee5
```
#2d6ee5 rgb(45,110,229)
```
#3e7ae7
```
#3e7ae7 rgb(62,122,231)
```
#4f86e9
```
#4f86e9 rgb(79,134,233)
```
#6192eb
```
#6192eb rgb(97,146,235)
```
#729eed
```
#729eed rgb(114,158,237)
```
#84aaf0
```
#84aaf0 rgb(132,170,240)
```
#95b6f2
```
#95b6f2 rgb(149,182,242)
```
#a7c2f4
```
#a7c2f4 rgb(167,194,244)
```
#b8cef6
```
#b8cef6 rgb(184,206,246)
```
#c9daf8
```
#c9daf8 rgb(201,218,248)
```
#dbe6fa
```
#dbe6fa rgb(219,230,250)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747576
```
#747576 rgb(116,117,118)
```
#6b727f
```
#6b727f rgb(107,114,127)
```
#627088
```
#627088 rgb(98,112,136)
```
#596d91
```
#596d91 rgb(89,109,145)
```
#506a9a
```
#506a9a rgb(80,106,154)
```
#4768a3
```
#4768a3 rgb(71,104,163)
```
#3e65ac
```
#3e65ac rgb(62,101,172)
```
#3563b5
```
#3563b5 rgb(53,99,181)
```
#2c60be
```
#2c60be rgb(44,96,190)
```
#235ec7
```
#235ec7 rgb(35,94,199)
```
#1a5bd0
```
#1a5bd0 rgb(26,91,208)
```
#1158d9
```
#1158d9 rgb(17,88,217)
```
#0856e2
```
#0856e2 rgb(8,86,226)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#49566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006cb0 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#0962cc Protanomaly 1% of men, 0.01% of women
#0966bb Deuteranomaly 6% of men, 0.4% of women
#096b9a Tritanomaly 0.01% of the population

#1a5bd0 hex color

#1a5bd0 Color Information

#1a5bd0 Color Conversion

Color Schemes with #1a5bd0

Alternatives to #1a5bd0

#1a5bd0 Preview

Shades and Tints of #1a5bd0

Tones of #1a5bd0

Color Blindness Simulator