colorhexa.com

#1a5cfe hex color

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

- R 10
- G 36
- B 100
RGB color chart
- C 90
- M 64
- Y 0
- K 0
CMYK color chart

● #1a5cfe color description : Vivid blue.

The hexadecimal color #1a5cfe has RGB values of R:26, G:92, B:254 and CMYK values of C:0.9, M:0.64, Y:0, K:0. Its decimal value is 1727742.

Hex triplet	1a5cfe	`#1a5cfe`
RGB Decimal	26, 92, 254	`rgb(26,92,254)`
RGB Percent	10.2, 36.1, 99.6	`rgb(10.2%,36.1%,99.6%)`
CMYK	90, 64, 0, 0
HSL	222.6°, 99.1, 54.9	`hsl(222.6,99.1%,54.9%)`
HSV (or HSB)	222.6°, 89.8, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.672, 41.81, -85.11
XYZ	22.139, 15.028, 95.494
xyY	0.167, 0.113, 15.028
CIE-LCH	45.672, 94.825, 296.163
CIE-LUV	45.672, -19.011, -127.7
Hunter-Lab	38.766, 34.1, -118.917
Binary	00011010, 01011100, 11111110

#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#febc1a
```
#febc1a rgb(254,188,26)
```

Complementary Color

#1acefe
```
#1acefe rgb(26,206,254)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#4a1afe
```
#4a1afe rgb(74,26,254)
```

Analogous Color

#cefe1a
```
#cefe1a rgb(206,254,26)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#fe4a1a
```
#fe4a1a rgb(254,74,26)
```

Split Complementary Color

#5cfe1a
```
#5cfe1a rgb(92,254,26)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#fe1a5c
```
#fe1a5c rgb(254,26,92)
```

Triadic Color

#1afebc
```
#1afebc rgb(26,254,188)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#fe1a5c
```
#fe1a5c rgb(254,26,92)
```
#febc1a
```
#febc1a rgb(254,188,26)
```

Tetradic Color

#013bcb
```
#013bcb rgb(1,59,203)
```
#0143e4
```
#0143e4 rgb(1,67,228)
```
#014afd
```
#014afd rgb(1,74,253)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#336efe
```
#336efe rgb(51,110,254)
```
#4d80fe
```
#4d80fe rgb(77,128,254)
```
#6692fe
```
#6692fe rgb(102,146,254)
```

Monochromatic Color

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

#1a95fe
```
#1a95fe rgb(26,149,254)
```
#1a82fe
```
#1a82fe rgb(26,130,254)
```
#1a6ffe
```
#1a6ffe rgb(26,111,254)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#1a49fe
```
#1a49fe rgb(26,73,254)
```
#1a36fe
```
#1a36fe rgb(26,54,254)
```
#1a23fe
```
#1a23fe rgb(26,35,254)
```

Similar Colors

Text with hexadecimal color #1a5cfe

This text has a font color of #1a5cfe.

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

#1a5cfe background color

This paragraph has a background color of #1a5cfe.

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

#1a5cfe border color

This element has a border color of #1a5cfe.

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

CSS codes

.text {color:#1a5cfe;}

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

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

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)
```
#001853
```
#001853 rgb(0,24,83)
```
#001e67
```
#001e67 rgb(0,30,103)
```
#01247b
```
#01247b rgb(1,36,123)
```
#012a8e
```
#012a8e rgb(1,42,142)
```
#012fa2
```
#012fa2 rgb(1,47,162)
```
#0135b5
```
#0135b5 rgb(1,53,181)
```
#013bc9
```
#013bc9 rgb(1,59,201)
```
#0140dc
```
#0140dc rgb(1,64,220)
```
#0146f0
```
#0146f0 rgb(1,70,240)
```

Shade Color Variation

#064efe
```
#064efe rgb(6,78,254)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```
#2e6afe
```
#2e6afe rgb(46,106,254)
```
#4178fe
```
#4178fe rgb(65,120,254)
```
#5586fe
```
#5586fe rgb(85,134,254)
```
#6894fe
```
#6894fe rgb(104,148,254)
```
#7ca2fe
```
#7ca2fe rgb(124,162,254)
```
#8fafff
```
#8fafff rgb(143,175,255)
```
#a3bdff
```
#a3bdff rgb(163,189,255)
```
#b6cbff
```
#b6cbff rgb(182,203,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 #1a5cfe 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)
```
#5876c0
```
#5876c0 rgb(88,118,192)
```
#4f72c9
```
#4f72c9 rgb(79,114,201)
```
#466fd2
```
#466fd2 rgb(70,111,210)
```
#3d6bdb
```
#3d6bdb rgb(61,107,219)
```
#3567e3
```
#3567e3 rgb(53,103,227)
```
#2c63ec
```
#2c63ec rgb(44,99,236)
```
#2360f5
```
#2360f5 rgb(35,96,245)
```
#1a5cfe
```
#1a5cfe rgb(26,92,254)
```

Tone Color Variation

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

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0968e7 Protanomaly 1% of men, 0.01% of women
#096dd5 Deuteranomaly 6% of men, 0.4% of women
#0972b1 Tritanomaly 0.01% of the population