#1a5dfb hex color

In a RGB color space, hex #1a5dfb is composed of 10.2% red, 36.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 62.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 222.1 degrees, a saturation of 96.6% and a lightness of 54.3%. #1a5dfb color hex could be obtained by blending #34baff with #0000f7. Closest websafe color is: #3366ff.

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

● #1a5dfb color description : Vivid blue.

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

Hex triplet	1a5dfb	`#1a5dfb`
RGB Decimal	26, 93, 251	`rgb(26,93,251)`
RGB Percent	10.2, 36.5, 98.4	`rgb(10.2%,36.5%,98.4%)`
CMYK	90, 63, 0, 2
HSL	222.1°, 96.6, 54.3	`hsl(222.1,96.6%,54.3%)`
HSV (or HSB)	222.1°, 89.6, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.65, 40.091, -83.475
XYZ	21.749, 15.012, 93.013
xyY	0.168, 0.116, 15.012
CIE-LCH	45.65, 92.604, 295.654
CIE-LUV	45.65, -19.248, -125.494
Hunter-Lab	38.745, 32.397, -115.213
Binary	00011010, 01011101, 11111011

#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#fbb81a
```
#fbb81a rgb(251,184,26)
```

Complementary Color

#1acefb
```
#1acefb rgb(26,206,251)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#471afb
```
#471afb rgb(71,26,251)
```

Analogous Color

#cefb1a
```
#cefb1a rgb(206,251,26)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#fb471a
```
#fb471a rgb(251,71,26)
```

Split Complementary Color

#5dfb1a
```
#5dfb1a rgb(93,251,26)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#fb1a5d
```
#fb1a5d rgb(251,26,93)
```

Triadic Color

#1afbb8
```
#1afbb8 rgb(26,251,184)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#fb1a5d
```
#fb1a5d rgb(251,26,93)
```
#fbb81a
```
#fbb81a rgb(251,184,26)
```

Tetradic Color

#033dc5
```
#033dc5 rgb(3,61,197)
```
#0445de
```
#0445de rgb(4,69,222)
```
#044df7
```
#044df7 rgb(4,77,247)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#336ffb
```
#336ffb rgb(51,111,251)
```
#4c80fc
```
#4c80fc rgb(76,128,252)
```
#6592fc
```
#6592fc rgb(101,146,252)
```

Monochromatic Color

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

#1a95fb
```
#1a95fb rgb(26,149,251)
```
#1a83fb
```
#1a83fb rgb(26,131,251)
```
#1a70fb
```
#1a70fb rgb(26,112,251)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#1a4afb
```
#1a4afb rgb(26,74,251)
```
#1a38fb
```
#1a38fb rgb(26,56,251)
```
#1a25fb
```
#1a25fb rgb(26,37,251)
```

Similar Colors

Text with hexadecimal color #1a5dfb

This text has a font color of #1a5dfb.

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

#1a5dfb background color

This paragraph has a background color of #1a5dfb.

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

#1a5dfb border color

This element has a border color of #1a5dfb.

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

CSS codes

.text {color:#1a5dfb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000716
```
#000716 rgb(0,7,22)
```
#010d29
```
#010d29 rgb(1,13,41)
```
#01133c
```
#01133c rgb(1,19,60)
```
#01194f
```
#01194f rgb(1,25,79)
```
#021f63
```
#021f63 rgb(2,31,99)
```
#022576
```
#022576 rgb(2,37,118)
```
#022b89
```
#022b89 rgb(2,43,137)
```
#03319d
```
#03319d rgb(3,49,157)
```
#0337b0
```
#0337b0 rgb(3,55,176)
```
#033cc3
```
#033cc3 rgb(3,60,195)
```
#0442d6
```
#0442d6 rgb(4,66,214)
```
#0448ea
```
#0448ea rgb(4,72,234)
```

Shade Color Variation

#074ffb
```
#074ffb rgb(7,79,251)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#2d6bfb
```
#2d6bfb rgb(45,107,251)
```
#4178fc
```
#4178fc rgb(65,120,252)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#6794fc
```
#6794fc rgb(103,148,252)
```
#7aa1fd
```
#7aa1fd rgb(122,161,253)
```
#8eaffd
```
#8eaffd rgb(142,175,253)
```
#a1bcfd
```
#a1bcfd rgb(161,188,253)
```
#b4cafe
```
#b4cafe rgb(180,202,254)
```
#c8d8fe
```
#c8d8fe rgb(200,216,254)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#86888f
```
#86888f rgb(134,136,143)
```
#7d8598
```
#7d8598 rgb(125,133,152)
```
#7481a1
```
#7481a1 rgb(116,129,161)
```
#6b7eaa
```
#6b7eaa rgb(107,126,170)
```
#627ab3
```
#627ab3 rgb(98,122,179)
```
#5976bc
```
#5976bc rgb(89,118,188)
```
#5073c5
```
#5073c5 rgb(80,115,197)
```
#476fce
```
#476fce rgb(71,111,206)
```
#3e6bd7
```
#3e6bd7 rgb(62,107,215)
```
#3568e0
```
#3568e0 rgb(53,104,224)
```
#2c64e9
```
#2c64e9 rgb(44,100,233)
```
#2361f2
```
#2361f2 rgb(35,97,242)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```

Tone Color Variation

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

#0969e6 Protanomaly 1% of men, 0.01% of women
#096dd4 Deuteranomaly 6% of men, 0.4% of women
#0972b0 Tritanomaly 0.01% of the population

#1a5dfb hex color

#1a5dfb Color Information

#1a5dfb Color Conversion

Color Schemes with #1a5dfb

Alternatives to #1a5dfb

#1a5dfb Preview

Shades and Tints of #1a5dfb

Tones of #1a5dfb

Color Blindness Simulator