#1a5dfe hex color

In a RGB color space, hex #1a5dfe is composed of 10.2% red, 36.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 63.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.4 degrees, a saturation of 99.1% and a lightness of 54.9%. #1a5dfe color hex could be obtained by blending #34baff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 10
- G 36
- B 100
RGB color chart
- C 90
- M 63
- Y 0
- K 0
CMYK color chart

● #1a5dfe color description : Vivid blue.

The hexadecimal color #1a5dfe has RGB values of R:26, G:93, B:254 and CMYK values of C:0.9, M:0.63, Y:0, K:0. Its decimal value is 1727998.

Hex triplet	1a5dfe	`#1a5dfe`
RGB Decimal	26, 93, 254	`rgb(26,93,254)`
RGB Percent	10.2, 36.5, 99.6	`rgb(10.2%,36.5%,99.6%)`
CMYK	90, 63, 0, 0
HSL	222.4°, 99.1, 54.9	`hsl(222.4,99.1%,54.9%)`
HSV (or HSB)	222.4°, 89.8, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.91, 41.189, -84.719
XYZ	22.226, 15.202, 95.523
xyY	0.167, 0.114, 15.202
CIE-LCH	45.91, 94.202, 295.928
CIE-LUV	45.91, -19.236, -127.405
Hunter-Lab	38.99, 33.52, -117.964
Binary	00011010, 01011101, 11111110

#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#febb1a
```
#febb1a rgb(254,187,26)
```

Complementary Color

#1acffe
```
#1acffe rgb(26,207,254)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#491afe
```
#491afe rgb(73,26,254)
```

Analogous Color

#cffe1a
```
#cffe1a rgb(207,254,26)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#fe491a
```
#fe491a rgb(254,73,26)
```

Split Complementary Color

#5dfe1a
```
#5dfe1a rgb(93,254,26)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#fe1a5d
```
#fe1a5d rgb(254,26,93)
```

Triadic Color

#1afebb
```
#1afebb rgb(26,254,187)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#fe1a5d
```
#fe1a5d rgb(254,26,93)
```
#febb1a
```
#febb1a rgb(254,187,26)
```

Tetradic Color

#013ccb
```
#013ccb rgb(1,60,203)
```
#0144e4
```
#0144e4 rgb(1,68,228)
```
#014bfd
```
#014bfd rgb(1,75,253)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#336ffe
```
#336ffe rgb(51,111,254)
```
#4d81fe
```
#4d81fe rgb(77,129,254)
```
#6693fe
```
#6693fe rgb(102,147,254)
```

Monochromatic Color

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

#1a96fe
```
#1a96fe rgb(26,150,254)
```
#1a83fe
```
#1a83fe rgb(26,131,254)
```
#1a70fe
```
#1a70fe rgb(26,112,254)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#1a4afe
```
#1a4afe rgb(26,74,254)
```
#1a37fe
```
#1a37fe rgb(26,55,254)
```
#1a24fe
```
#1a24fe rgb(26,36,254)
```

Similar Colors

Text with hexadecimal color #1a5dfe

This text has a font color of #1a5dfe.

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

#1a5dfe background color

This paragraph has a background color of #1a5dfe.

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

#1a5dfe border color

This element has a border color of #1a5dfe.

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

CSS codes

.text {color:#1a5dfe;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#000d2c
```
#000d2c rgb(0,13,44)
```
#001340
```
#001340 rgb(0,19,64)
```
#001953
```
#001953 rgb(0,25,83)
```
#001f67
```
#001f67 rgb(0,31,103)
```
#01247b
```
#01247b rgb(1,36,123)
```
#012a8e
```
#012a8e rgb(1,42,142)
```
#0130a2
```
#0130a2 rgb(1,48,162)
```
#0136b5
```
#0136b5 rgb(1,54,181)
```
#013cc9
```
#013cc9 rgb(1,60,201)
```
#0141dc
```
#0141dc rgb(1,65,220)
```
#0147f0
```
#0147f0 rgb(1,71,240)
```

Shade Color Variation

#064ffe
```
#064ffe rgb(6,79,254)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```
#2e6bfe
```
#2e6bfe rgb(46,107,254)
```
#4179fe
```
#4179fe rgb(65,121,254)
```
#5586fe
```
#5586fe rgb(85,134,254)
```
#6894fe
```
#6894fe rgb(104,148,254)
```
#7ca2fe
```
#7ca2fe rgb(124,162,254)
```
#8fb0ff
```
#8fb0ff rgb(143,176,255)
```
#a3beff
```
#a3beff rgb(163,190,255)
```
#b6ccff
```
#b6ccff rgb(182,204,255)
```
#cad9ff
```
#cad9ff rgb(202,217,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#848994
```
#848994 rgb(132,137,148)
```
#7b859d
```
#7b859d rgb(123,133,157)
```
#7281a6
```
#7281a6 rgb(114,129,166)
```
#6a7eae
```
#6a7eae rgb(106,126,174)
```
#617ab7
```
#617ab7 rgb(97,122,183)
```
#5877c0
```
#5877c0 rgb(88,119,192)
```
#4f73c9
```
#4f73c9 rgb(79,115,201)
```
#466fd2
```
#466fd2 rgb(70,111,210)
```
#3d6cdb
```
#3d6cdb rgb(61,108,219)
```
#3568e3
```
#3568e3 rgb(53,104,227)
```
#2c64ec
```
#2c64ec rgb(44,100,236)
```
#2361f5
```
#2361f5 rgb(35,97,245)
```
#1a5dfe
```
#1a5dfe rgb(26,93,254)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4e5b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0969e8 Protanomaly 1% of men, 0.01% of women
#096dd6 Deuteranomaly 6% of men, 0.4% of women
#0973b1 Tritanomaly 0.01% of the population

#1a5dfe hex color

#1a5dfe Color Information

#1a5dfe Color Conversion

Color Schemes with #1a5dfe

Alternatives to #1a5dfe

#1a5dfe Preview

Shades and Tints of #1a5dfe

Tones of #1a5dfe

Color Blindness Simulator