colorhexa.com

#1a5ddf hex color

In a RGB color space, hex #1a5ddf is composed of 10.2% red, 36.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 58.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 219.6 degrees, a saturation of 79.1% and a lightness of 48.8%. #1a5ddf color hex could be obtained by blending #34baff with #0000bf. Closest websafe color is: #3366cc.

- R 10
- G 36
- B 87
RGB color chart
- C 88
- M 58
- Y 0
- K 13
CMYK color chart

● #1a5ddf color description : Vivid blue.

The hexadecimal color #1a5ddf has RGB values of R:26, G:93, B:223 and CMYK values of C:0.88, M:0.58, Y:0, K:0.13. Its decimal value is 1727967.

Hex triplet	1a5ddf	`#1a5ddf`
RGB Decimal	26, 93, 223	`rgb(26,93,223)`
RGB Percent	10.2, 36.5, 87.5	`rgb(10.2%,36.5%,87.5%)`
CMYK	88, 58, 0, 13
HSL	219.6°, 79.1, 48.8	`hsl(219.6,79.1%,48.8%)`
HSV (or HSB)	219.6°, 88.3, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.322, 29.596, -71.525
XYZ	17.657, 13.375, 71.459
xyY	0.172, 0.13, 13.375
CIE-LCH	43.322, 77.406, 292.479
CIE-LUV	43.322, -19.485, -107.073
Hunter-Lab	36.571, 22.181, -90.251
Binary	00011010, 01011101, 11011111

#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#df9c1a
```
#df9c1a rgb(223,156,26)
```

Complementary Color

#1ac0df
```
#1ac0df rgb(26,192,223)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#391adf
```
#391adf rgb(57,26,223)
```

Analogous Color

#c0df1a
```
#c0df1a rgb(192,223,26)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#df391a
```
#df391a rgb(223,57,26)
```

Split Complementary Color

#5ddf1a
```
#5ddf1a rgb(93,223,26)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#df1a5d
```
#df1a5d rgb(223,26,93)
```

Triadic Color

#1adf9c
```
#1adf9c rgb(26,223,156)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#df1a5d
```
#df1a5d rgb(223,26,93)
```
#df9c1a
```
#df9c1a rgb(223,156,26)
```

Tetradic Color

#12409a
```
#12409a rgb(18,64,154)
```
#154ab1
```
#154ab1 rgb(21,74,177)
```
#1753c8
```
#1753c8 rgb(23,83,200)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#2c6be6
```
#2c6be6 rgb(44,107,230)
```
#437be9
```
#437be9 rgb(67,123,233)
```
#5a8bec
```
#5a8bec rgb(90,139,236)
```

Monochromatic Color

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

#1a8edf
```
#1a8edf rgb(26,142,223)
```
#1a7edf
```
#1a7edf rgb(26,126,223)
```
#1a6ddf
```
#1a6ddf rgb(26,109,223)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#1a4ddf
```
#1a4ddf rgb(26,77,223)
```
#1a3cdf
```
#1a3cdf rgb(26,60,223)
```
#1a2cdf
```
#1a2cdf rgb(26,44,223)
```

Similar Colors

Text with hexadecimal color #1a5ddf

This text has a font color of #1a5ddf.

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

#1a5ddf background color

This paragraph has a background color of #1a5ddf.

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

#1a5ddf border color

This element has a border color of #1a5ddf.

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

CSS codes

.text {color:#1a5ddf;}

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

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

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, #01050c is the darkest color, while #fafbfe is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#030c1e
```
#030c1e rgb(3,12,30)
```
#06142f
```
#06142f rgb(6,20,47)
```
#081b41
```
#081b41 rgb(8,27,65)
```
#0a2252
```
#0a2252 rgb(10,34,82)
```
#0c2a64
```
#0c2a64 rgb(12,42,100)
```
#0e3176
```
#0e3176 rgb(14,49,118)
```
#103887
```
#103887 rgb(16,56,135)
```
#124099
```
#124099 rgb(18,64,153)
```
#1447aa
```
#1447aa rgb(20,71,170)
```
#164ebc
```
#164ebc rgb(22,78,188)
```
#1856cd
```
#1856cd rgb(24,86,205)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```

Shade Color Variation

#2768e6
```
#2768e6 rgb(39,104,230)
```
#3874e8
```
#3874e8 rgb(56,116,232)
```
#4a80ea
```
#4a80ea rgb(74,128,234)
```
#5c8dec
```
#5c8dec rgb(92,141,236)
```
#6d99ee
```
#6d99ee rgb(109,153,238)
```
#7fa5f0
```
#7fa5f0 rgb(127,165,240)
```
#90b2f2
```
#90b2f2 rgb(144,178,242)
```
#a2bef4
```
#a2bef4 rgb(162,190,244)
```
#b3caf6
```
#b3caf6 rgb(179,202,246)
```
#c5d6f8
```
#c5d6f8 rgb(197,214,248)
```
#d6e3fa
```
#d6e3fa rgb(214,227,250)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c7f is the less saturated color, while #0757f2 is the most saturated one.

#7a7c7f
```
#7a7c7f rgb(122,124,127)
```
#707989
```
#707989 rgb(112,121,137)
```
#677692
```
#677692 rgb(103,118,146)
```
#5d729c
```
#5d729c rgb(93,114,156)
```
#536fa6
```
#536fa6 rgb(83,111,166)
```
#4a6caf
```
#4a6caf rgb(74,108,175)
```
#4069b9
```
#4069b9 rgb(64,105,185)
```
#3766c2
```
#3766c2 rgb(55,102,194)
```
#2d63cc
```
#2d63cc rgb(45,99,204)
```
#2460d5
```
#2460d5 rgb(36,96,213)
```
#1a5ddf
```
#1a5ddf rgb(26,93,223)
```
#105ae9
```
#105ae9 rgb(16,90,233)
```
#0757f2
```
#0757f2 rgb(7,87,242)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4c5973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0965d6 Protanomaly 1% of men, 0.01% of women
#0969c5 Deuteranomaly 6% of men, 0.4% of women
#096ea2 Tritanomaly 0.01% of the population