colorhexa.com

#1b5cd0 hex color

In a RGB color space, hex #1b5cd0 is composed of 10.6% red, 36.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 55.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 218.5 degrees, a saturation of 77% and a lightness of 46.1%. #1b5cd0 color hex could be obtained by blending #36b8ff with #0000a1. Closest websafe color is: #3366cc.

- R 11
- G 36
- B 82
RGB color chart
- C 87
- M 56
- Y 0
- K 18
CMYK color chart

● #1b5cd0 color description : Strong blue.

The hexadecimal color #1b5cd0 has RGB values of R:27, G:92, B:208 and CMYK values of C:0.87, M:0.56, Y:0, K:0.18. Its decimal value is 1793232.

Hex triplet	1b5cd0	`#1b5cd0`
RGB Decimal	27, 92, 208	`rgb(27,92,208)`
RGB Percent	10.6, 36.1, 81.6	`rgb(10.6%,36.1%,81.6%)`
CMYK	87, 56, 0, 18
HSL	218.5°, 77, 46.1	`hsl(218.5,77%,46.1%)`
HSV (or HSB)	218.5°, 87, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.907, 24.518, -65.256
XYZ	15.662, 12.44, 61.247
xyY	0.175, 0.139, 12.44
CIE-LCH	41.907, 69.711, 290.592
CIE-LUV	41.907, -19.363, -97.129
Hunter-Lab	35.27, 17.539, -78.267
Binary	00011011, 01011100, 11010000

#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#d08f1b
```
#d08f1b rgb(208,143,27)
```

Complementary Color

#1bb7d0
```
#1bb7d0 rgb(27,183,208)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#341bd0
```
#341bd0 rgb(52,27,208)
```

Analogous Color

#b7d01b
```
#b7d01b rgb(183,208,27)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#d0351b
```
#d0351b rgb(208,53,27)
```

Split Complementary Color

#5cd01b
```
#5cd01b rgb(92,208,27)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#d01b5c
```
#d01b5c rgb(208,27,92)
```

Triadic Color

#1bd08f
```
#1bd08f rgb(27,208,143)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#d01b5c
```
#d01b5c rgb(208,27,92)
```
#d08f1b
```
#d08f1b rgb(208,143,27)
```

Tetradic Color

#123e8c
```
#123e8c rgb(18,62,140)
```
#1548a3
```
#1548a3 rgb(21,72,163)
```
#1852b9
```
#1852b9 rgb(24,82,185)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#2267e2
```
#2267e2 rgb(34,103,226)
```
#3977e5
```
#3977e5 rgb(57,119,229)
```
#4f86e8
```
#4f86e8 rgb(79,134,232)
```

Monochromatic Color

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

#1b89d0
```
#1b89d0 rgb(27,137,208)
```
#1b7ad0
```
#1b7ad0 rgb(27,122,208)
```
#1b6bd0
```
#1b6bd0 rgb(27,107,208)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#1b4dd0
```
#1b4dd0 rgb(27,77,208)
```
#1b3ed0
```
#1b3ed0 rgb(27,62,208)
```
#1b2fd0
```
#1b2fd0 rgb(27,47,208)
```

Similar Colors

Text with hexadecimal color #1b5cd0

This text has a font color of #1b5cd0.

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

#1b5cd0 background color

This paragraph has a background color of #1b5cd0.

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

#1b5cd0 border color

This element has a border color of #1b5cd0.

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

CSS codes

.text {color:#1b5cd0;}

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

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

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

#020811
```
#020811 rgb(2,8,17)
```
#040f22
```
#040f22 rgb(4,15,34)
```
#071734
```
#071734 rgb(7,23,52)
```
#091f45
```
#091f45 rgb(9,31,69)
```
#0b2656
```
#0b2656 rgb(11,38,86)
```
#0d2e68
```
#0d2e68 rgb(13,46,104)
```
#103679
```
#103679 rgb(16,54,121)
```
#123d8b
```
#123d8b rgb(18,61,139)
```
#14459c
```
#14459c rgb(20,69,156)
```
#164dad
```
#164dad rgb(22,77,173)
```
#1954bf
```
#1954bf rgb(25,84,191)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#1d64e1
```
#1d64e1 rgb(29,100,225)
```

Shade Color Variation

#2e70e4
```
#2e70e4 rgb(46,112,228)
```
#407be6
```
#407be6 rgb(64,123,230)
```
#5187e8
```
#5187e8 rgb(81,135,232)
```
#6293eb
```
#6293eb rgb(98,147,235)
```
#749fed
```
#749fed rgb(116,159,237)
```
#85abef
```
#85abef rgb(133,171,239)
```
#96b7f1
```
#96b7f1 rgb(150,183,241)
```
#a8c3f4
```
#a8c3f4 rgb(168,195,244)
```
#b9cff6
```
#b9cff6 rgb(185,207,246)
```
#cbdbf8
```
#cbdbf8 rgb(203,219,248)
```
#dce7fa
```
#dce7fa rgb(220,231,250)
```
#edf3fd
```
#edf3fd rgb(237,243,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c737f
```
#6c737f rgb(108,115,127)
```
#637088
```
#637088 rgb(99,112,136)
```
#5a6e91
```
#5a6e91 rgb(90,110,145)
```
#516b9a
```
#516b9a rgb(81,107,154)
```
#4869a3
```
#4869a3 rgb(72,105,163)
```
#3f66ac
```
#3f66ac rgb(63,102,172)
```
#3664b5
```
#3664b5 rgb(54,100,181)
```
#2d61be
```
#2d61be rgb(45,97,190)
```
#245fc7
```
#245fc7 rgb(36,95,199)
```
#1b5cd0
```
#1b5cd0 rgb(27,92,208)
```
#1259d9
```
#1259d9 rgb(18,89,217)
```
#0957e2
```
#0957e2 rgb(9,87,226)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4a576e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db1 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#0963cd Protanomaly 1% of men, 0.01% of women
#0967bc Deuteranomaly 6% of men, 0.4% of women
#096c9a Tritanomaly 0.01% of the population