#1a5bf2 hex color

In a RGB color space, hex #1a5bf2 is composed of 10.2% red, 35.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 62.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.9 degrees, a saturation of 89.3% and a lightness of 52.5%. #1a5bf2 color hex could be obtained by blending #34b6ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 10
- G 36
- B 95
RGB color chart
- C 89
- M 62
- Y 0
- K 5
CMYK color chart

● #1a5bf2 color description : Vivid blue.

The hexadecimal color #1a5bf2 has RGB values of R:26, G:91, B:242 and CMYK values of C:0.89, M:0.62, Y:0, K:0.05. Its decimal value is 1727474.

Hex triplet	1a5bf2	`#1a5bf2`
RGB Decimal	26, 91, 242	`rgb(26,91,242)`
RGB Percent	10.2, 35.7, 94.9	`rgb(10.2%,35.7%,94.9%)`
CMYK	89, 62, 0, 5
HSL	221.9°, 89.3, 52.5	`hsl(221.9,89.3%,52.5%)`
HSV (or HSB)	221.9°, 89.3, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.392, 38.029, -80.506
XYZ	20.191, 14.111, 85.659
xyY	0.168, 0.118, 14.111
CIE-LCH	44.392, 89.036, 295.285
CIE-LUV	44.392, -18.827, -120.345
Hunter-Lab	37.565, 30.205, -108.905
Binary	00011010, 01011011, 11110010

#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#f2b11a
```
#f2b11a rgb(242,177,26)
```

Complementary Color

#1ac7f2
```
#1ac7f2 rgb(26,199,242)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#451af2
```
#451af2 rgb(69,26,242)
```

Analogous Color

#c7f21a
```
#c7f21a rgb(199,242,26)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#f2451a
```
#f2451a rgb(242,69,26)
```

Split Complementary Color

#5bf21a
```
#5bf21a rgb(91,242,26)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#f21a5b
```
#f21a5b rgb(242,26,91)
```

Triadic Color

#1af2b1
```
#1af2b1 rgb(26,242,177)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#f21a5b
```
#f21a5b rgb(242,26,91)
```
#f2b11a
```
#f2b11a rgb(242,177,26)
```

Tetradic Color

#0a3eb5
```
#0a3eb5 rgb(10,62,181)
```
#0c46cd
```
#0c46cd rgb(12,70,205)
```
#0d4ee5
```
#0d4ee5 rgb(13,78,229)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#326cf3
```
#326cf3 rgb(50,108,243)
```
#4a7ef5
```
#4a7ef5 rgb(74,126,245)
```
#628ff6
```
#628ff6 rgb(98,143,246)
```

Monochromatic Color

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

#1a91f2
```
#1a91f2 rgb(26,145,242)
```
#1a7ff2
```
#1a7ff2 rgb(26,127,242)
```
#1a6df2
```
#1a6df2 rgb(26,109,242)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#1a49f2
```
#1a49f2 rgb(26,73,242)
```
#1a37f2
```
#1a37f2 rgb(26,55,242)
```
#1a25f2
```
#1a25f2 rgb(26,37,242)
```

Similar Colors

Text with hexadecimal color #1a5bf2

This text has a font color of #1a5bf2.

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

#1a5bf2 background color

This paragraph has a background color of #1a5bf2.

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

#1a5bf2 border color

This element has a border color of #1a5bf2.

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

CSS codes

.text {color:#1a5bf2;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#020b1f
```
#020b1f rgb(2,11,31)
```
#031131
```
#031131 rgb(3,17,49)
```
#041744
```
#041744 rgb(4,23,68)
```
#051d57
```
#051d57 rgb(5,29,87)
```
#062469
```
#062469 rgb(6,36,105)
```
#072a7c
```
#072a7c rgb(7,42,124)
```
#08308e
```
#08308e rgb(8,48,142)
```
#0937a1
```
#0937a1 rgb(9,55,161)
```
#0a3db3
```
#0a3db3 rgb(10,61,179)
```
#0b43c6
```
#0b43c6 rgb(11,67,198)
```
#0c4ad8
```
#0c4ad8 rgb(12,74,216)
```
#0d50eb
```
#0d50eb rgb(13,80,235)
```

Shade Color Variation

#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#2d68f3
```
#2d68f3 rgb(45,104,243)
```
#3f76f4
```
#3f76f4 rgb(63,118,244)
```
#5283f5
```
#5283f5 rgb(82,131,245)
```
#6490f6
```
#6490f6 rgb(100,144,246)
```
#779df7
```
#779df7 rgb(119,157,247)
```
#89abf8
```
#89abf8 rgb(137,171,248)
```
#9cb8f9
```
#9cb8f9 rgb(156,184,249)
```
#aec5fa
```
#aec5fa rgb(174,197,250)
```
#c1d3fb
```
#c1d3fb rgb(193,211,251)
```
#d4e0fd
```
#d4e0fd rgb(212,224,253)
```
#e6edfe
```
#e6edfe rgb(230,237,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80848c is the less saturated color, while #1157fb is the most saturated one.

#80848c
```
#80848c rgb(128,132,140)
```
#778095
```
#778095 rgb(119,128,149)
```
#6e7c9e
```
#6e7c9e rgb(110,124,158)
```
#6479a8
```
#6479a8 rgb(100,121,168)
```
#5b75b1
```
#5b75b1 rgb(91,117,177)
```
#5271ba
```
#5271ba rgb(82,113,186)
```
#496ec3
```
#496ec3 rgb(73,110,195)
```
#3f6acd
```
#3f6acd rgb(63,106,205)
```
#3666d6
```
#3666d6 rgb(54,102,214)
```
#2d62df
```
#2d62df rgb(45,98,223)
```
#235fe9
```
#235fe9 rgb(35,95,233)
```
#1a5bf2
```
#1a5bf2 rgb(26,91,242)
```
#1157fb
```
#1157fb rgb(17,87,251)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4c5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0966df Protanomaly 1% of men, 0.01% of women
#096ace Deuteranomaly 6% of men, 0.4% of women
#096faa Tritanomaly 0.01% of the population

#1a5bf2 hex color

#1a5bf2 Color Information

#1a5bf2 Color Conversion

Color Schemes with #1a5bf2

Alternatives to #1a5bf2

#1a5bf2 Preview

Shades and Tints of #1a5bf2

Tones of #1a5bf2

Color Blindness Simulator