#1b5cf0 hex color

In a RGB color space, hex #1b5cf0 is composed of 10.6% red, 36.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 61.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.7 degrees, a saturation of 87.7% and a lightness of 52.4%. #1b5cf0 color hex could be obtained by blending #36b8ff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 36
- B 94
RGB color chart
- C 89
- M 62
- Y 0
- K 6
CMYK color chart

● #1b5cf0 color description : Vivid blue.

The hexadecimal color #1b5cf0 has RGB values of R:27, G:92, B:240 and CMYK values of C:0.89, M:0.62, Y:0, K:0.06. Its decimal value is 1793264.

Hex triplet	1b5cf0	`#1b5cf0`
RGB Decimal	27, 92, 240	`rgb(27,92,240)`
RGB Percent	10.6, 36.1, 94.1	`rgb(10.6%,36.1%,94.1%)`
CMYK	89, 62, 0, 6
HSL	221.7°, 87.7, 52.4	`hsl(221.7,87.7%,52.4%)`
HSV (or HSB)	221.7°, 88.8, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.486, 36.701, -79.228
XYZ	20.004, 14.177, 84.115
xyY	0.169, 0.12, 14.177
CIE-LCH	44.486, 87.316, 294.855
CIE-LUV	44.486, -19.003, -118.705
Hunter-Lab	37.652, 28.942, -106.098
Binary	00011011, 01011100, 11110000

#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#f0af1b
```
#f0af1b rgb(240,175,27)
```

Complementary Color

#1bc7f0
```
#1bc7f0 rgb(27,199,240)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#441bf0
```
#441bf0 rgb(68,27,240)
```

Analogous Color

#c7f01b
```
#c7f01b rgb(199,240,27)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#f0441b
```
#f0441b rgb(240,68,27)
```

Split Complementary Color

#5cf01b
```
#5cf01b rgb(92,240,27)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#f01b5c
```
#f01b5c rgb(240,27,92)
```

Triadic Color

#1bf0af
```
#1bf0af rgb(27,240,175)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#f01b5c
```
#f01b5c rgb(240,27,92)
```
#f0af1b
```
#f0af1b rgb(240,175,27)
```

Tetradic Color

#0c3fb3
```
#0c3fb3 rgb(12,63,179)
```
#0d47cb
```
#0d47cb rgb(13,71,203)
```
#0f50e3
```
#0f50e3 rgb(15,80,227)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#336df2
```
#336df2 rgb(51,109,242)
```
#4b7ef3
```
#4b7ef3 rgb(75,126,243)
```
#638ff5
```
#638ff5 rgb(99,143,245)
```

Monochromatic Color

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

#1b91f0
```
#1b91f0 rgb(27,145,240)
```
#1b80f0
```
#1b80f0 rgb(27,128,240)
```
#1b6ef0
```
#1b6ef0 rgb(27,110,240)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#1b39f0
```
#1b39f0 rgb(27,57,240)
```
#1b27f0
```
#1b27f0 rgb(27,39,240)
```

Similar Colors

Text with hexadecimal color #1b5cf0

This text has a font color of #1b5cf0.

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

#1b5cf0 background color

This paragraph has a background color of #1b5cf0.

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

#1b5cf0 border color

This element has a border color of #1b5cf0.

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

CSS codes

.text {color:#1b5cf0;}

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

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

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

#01040b
```
#01040b rgb(1,4,11)
```
#020a1e
```
#020a1e rgb(2,10,30)
```
#031130
```
#031130 rgb(3,17,48)
```
#041742
```
#041742 rgb(4,23,66)
```
#061e55
```
#061e55 rgb(6,30,85)
```
#072467
```
#072467 rgb(7,36,103)
```
#082b7a
```
#082b7a rgb(8,43,122)
```
#09318c
```
#09318c rgb(9,49,140)
```
#0a389e
```
#0a389e rgb(10,56,158)
```
#0c3eb1
```
#0c3eb1 rgb(12,62,177)
```
#0d45c3
```
#0d45c3 rgb(13,69,195)
```
#0e4bd6
```
#0e4bd6 rgb(14,75,214)
```
#0f51e8
```
#0f51e8 rgb(15,81,232)
```

Shade Color Variation

#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#2d69f1
```
#2d69f1 rgb(45,105,241)
```
#4076f2
```
#4076f2 rgb(64,118,242)
```
#5283f4
```
#5283f4 rgb(82,131,244)
```
#6591f5
```
#6591f5 rgb(101,145,245)
```
#779ef6
```
#779ef6 rgb(119,158,246)
```
#89abf7
```
#89abf7 rgb(137,171,247)
```
#9cb8f8
```
#9cb8f8 rgb(156,184,248)
```
#aec5fa
```
#aec5fa rgb(174,197,250)
```
#c1d2fb
```
#c1d2fb rgb(193,210,251)
```
#d3e0fc
```
#d3e0fc rgb(211,224,252)
```
#e5edfd
```
#e5edfd rgb(229,237,253)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#828489
```
#828489 rgb(130,132,137)
```
#788093
```
#788093 rgb(120,128,147)
```
#6f7d9c
```
#6f7d9c rgb(111,125,156)
```
#6679a5
```
#6679a5 rgb(102,121,165)
```
#5c75af
```
#5c75af rgb(92,117,175)
```
#5372b8
```
#5372b8 rgb(83,114,184)
```
#4a6ec1
```
#4a6ec1 rgb(74,110,193)
```
#406bcb
```
#406bcb rgb(64,107,203)
```
#3767d4
```
#3767d4 rgb(55,103,212)
```
#2e63dd
```
#2e63dd rgb(46,99,221)
```
#2460e7
```
#2460e7 rgb(36,96,231)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#1258f9
```
#1258f9 rgb(18,88,249)
```

Tone Color Variation

Below, you can see how #1b5cf0 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
#4d5a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0967df Protanomaly 1% of men, 0.01% of women
#096bcd Deuteranomaly 6% of men, 0.4% of women
#0970aa Tritanomaly 0.01% of the population

#1b5cf0 hex color

#1b5cf0 Color Information

#1b5cf0 Color Conversion

Color Schemes with #1b5cf0

Alternatives to #1b5cf0

#1b5cf0 Preview

Shades and Tints of #1b5cf0

Tones of #1b5cf0

Color Blindness Simulator