#1d86bb hex color

In a RGB color space, hex #1d86bb is composed of 11.4% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 200.1 degrees, a saturation of 73.1% and a lightness of 42.4%. #1d86bb color hex could be obtained by blending #3affff with #000d77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 53
- B 73
RGB color chart
- C 84
- M 28
- Y 0
- K 27
CMYK color chart

● #1d86bb color description : Strong blue.

The hexadecimal color #1d86bb has RGB values of R:29, G:134, B:187 and CMYK values of C:0.84, M:0.28, Y:0, K:0.27. Its decimal value is 1935035.

Hex triplet	1d86bb	`#1d86bb`
RGB Decimal	29, 134, 187	`rgb(29,134,187)`
RGB Percent	11.4, 52.5, 73.3	`rgb(11.4%,52.5%,73.3%)`
CMYK	84, 28, 0, 27
HSL	200.1°, 73.1, 42.4	`hsl(200.1,73.1%,42.4%)`
HSV (or HSB)	200.1°, 84.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.837, -9.585, -35.714
XYZ	17.999, 20.898, 50.096
xyY	0.202, 0.235, 20.898
CIE-LCH	52.837, 36.978, 254.977
CIE-LUV	52.837, -33.24, -53.529
Hunter-Lab	45.714, -9.718, -32.974
Binary	00011101, 10000110, 10111011

#1d86bb
```
#1d86bb rgb(29,134,187)
```
#bb521d
```
#bb521d rgb(187,82,29)
```

Complementary Color

#1dbba1
```
#1dbba1 rgb(29,187,161)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#1d37bb
```
#1d37bb rgb(29,55,187)
```

Analogous Color

#bba11d
```
#bba11d rgb(187,161,29)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#bb1d37
```
#bb1d37 rgb(187,29,55)
```

Split Complementary Color

#86bb1d
```
#86bb1d rgb(134,187,29)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#bb1d86
```
#bb1d86 rgb(187,29,134)
```

Triadic Color

#1dbb52
```
#1dbb52 rgb(29,187,82)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#bb1d86
```
#bb1d86 rgb(187,29,134)
```
#bb521d
```
#bb521d rgb(187,82,29)
```

Tetradic Color

#135779
```
#135779 rgb(19,87,121)
```
#16668f
```
#16668f rgb(22,102,143)
```
#1a76a5
```
#1a76a5 rgb(26,118,165)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#2096d1
```
#2096d1 rgb(32,150,209)
```
#2da3de
```
#2da3de rgb(45,163,222)
```
#43ace2
```
#43ace2 rgb(67,172,226)
```

Monochromatic Color

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

#1daebb
```
#1daebb rgb(29,174,187)
```
#1da0bb
```
#1da0bb rgb(29,160,187)
```
#1d93bb
```
#1d93bb rgb(29,147,187)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#1d79bb
```
#1d79bb rgb(29,121,187)
```
#1d6cbb
```
#1d6cbb rgb(29,108,187)
```
#1d5ebb
```
#1d5ebb rgb(29,94,187)
```

Similar Colors

Text with hexadecimal color #1d86bb

This text has a font color of #1d86bb.

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

#1d86bb background color

This paragraph has a background color of #1d86bb.

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

#1d86bb border color

This element has a border color of #1d86bb.

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

CSS codes

.text {color:#1d86bb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#051822
```
#051822 rgb(5,24,34)
```
#082533
```
#082533 rgb(8,37,51)
```
#0b3144
```
#0b3144 rgb(11,49,68)
```
#0d3d55
```
#0d3d55 rgb(13,61,85)
```
#104966
```
#104966 rgb(16,73,102)
```
#125577
```
#125577 rgb(18,85,119)
```
#156188
```
#156188 rgb(21,97,136)
```
#186e99
```
#186e99 rgb(24,110,153)
```
#1a7aaa
```
#1a7aaa rgb(26,122,170)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#2092cc
```
#2092cc rgb(32,146,204)
```

Shade Color Variation

#229edd
```
#229edd rgb(34,158,221)
```
#33a6df
```
#33a6df rgb(51,166,223)
```
#44ade2
```
#44ade2 rgb(68,173,226)
```
#55b5e5
```
#55b5e5 rgb(85,181,229)
```
#66bce7
```
#66bce7 rgb(102,188,231)
```
#77c4ea
```
#77c4ea rgb(119,196,234)
```
#88cbed
```
#88cbed rgb(136,203,237)
```
#99d2ef
```
#99d2ef rgb(153,210,239)
```
#aadaf2
```
#aadaf2 rgb(170,218,242)
```
#bbe1f4
```
#bbe1f4 rgb(187,225,244)
```
#cce9f7
```
#cce9f7 rgb(204,233,247)
```
#ddf0fa
```
#ddf0fa rgb(221,240,250)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d70 is the less saturated color, while #048ed4 is the most saturated one.

#686d70
```
#686d70 rgb(104,109,112)
```
#5f7079
```
#5f7079 rgb(95,112,121)
```
#577381
```
#577381 rgb(87,115,129)
```
#4f7689
```
#4f7689 rgb(79,118,137)
```
#477891
```
#477891 rgb(71,120,145)
```
#3e7b9a
```
#3e7b9a rgb(62,123,154)
```
#367ea2
```
#367ea2 rgb(54,126,162)
```
#2e81aa
```
#2e81aa rgb(46,129,170)
```
#2583b3
```
#2583b3 rgb(37,131,179)
```
#1d86bb
```
#1d86bb rgb(29,134,187)
```
#1589c3
```
#1589c3 rgb(21,137,195)
```
#0c8bcc
```
#0c8bcc rgb(12,139,204)
```
#048ed4
```
#048ed4 rgb(4,142,212)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5d727d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7283b7 Protanopia 1% of men
#6584c1 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#5384b8 Protanomaly 1% of men, 0.01% of women
#4a85bf Deuteranomaly 6% of men, 0.4% of women
#0a8da7 Tritanomaly 0.01% of the population

#1d86bb hex color

#1d86bb Color Information

#1d86bb Color Conversion

Color Schemes with #1d86bb

Alternatives to #1d86bb

#1d86bb Preview

Shades and Tints of #1d86bb

Tones of #1d86bb

Color Blindness Simulator