#1d86bc hex color

In a RGB color space, hex #1d86bc is composed of 11.4% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 200.4 degrees, a saturation of 73.3% and a lightness of 42.5%. #1d86bc color hex could be obtained by blending #3affff with #000d79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 53
- B 74
RGB color chart
- C 85
- M 29
- Y 0
- K 26
CMYK color chart

● #1d86bc color description : Strong blue.

The hexadecimal color #1d86bc has RGB values of R:29, G:134, B:188 and CMYK values of C:0.85, M:0.29, Y:0, K:0.26. Its decimal value is 1935036.

Hex triplet	1d86bc	`#1d86bc`
RGB Decimal	29, 134, 188	`rgb(29,134,188)`
RGB Percent	11.4, 52.5, 73.7	`rgb(11.4%,52.5%,73.7%)`
CMYK	85, 29, 0, 26
HSL	200.4°, 73.3, 42.5	`hsl(200.4,73.3%,42.5%)`
HSV (or HSB)	200.4°, 84.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.884, -9.218, -36.212
XYZ	18.107, 20.941, 50.662
xyY	0.202, 0.233, 20.941
CIE-LCH	52.884, 37.367, 255.718
CIE-LUV	52.884, -33.179, -54.386
Hunter-Lab	45.761, -9.453, -33.607
Binary	00011101, 10000110, 10111100

#1d86bc
```
#1d86bc rgb(29,134,188)
```
#bc531d
```
#bc531d rgb(188,83,29)
```

Complementary Color

#1dbca3
```
#1dbca3 rgb(29,188,163)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#1d37bc
```
#1d37bc rgb(29,55,188)
```

Analogous Color

#bca31d
```
#bca31d rgb(188,163,29)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#bc1d37
```
#bc1d37 rgb(188,29,55)
```

Split Complementary Color

#86bc1d
```
#86bc1d rgb(134,188,29)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#bc1d86
```
#bc1d86 rgb(188,29,134)
```

Triadic Color

#1dbc53
```
#1dbc53 rgb(29,188,83)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#bc1d86
```
#bc1d86 rgb(188,29,134)
```
#bc531d
```
#bc531d rgb(188,83,29)
```

Tetradic Color

#13577a
```
#13577a rgb(19,87,122)
```
#166790
```
#166790 rgb(22,103,144)
```
#1a76a6
```
#1a76a6 rgb(26,118,166)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#2096d2
```
#2096d2 rgb(32,150,210)
```
#2da2df
```
#2da2df rgb(45,162,223)
```
#43ace2
```
#43ace2 rgb(67,172,226)
```

Monochromatic Color

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

#1daebc
```
#1daebc rgb(29,174,188)
```
#1da1bc
```
#1da1bc rgb(29,161,188)
```
#1d93bc
```
#1d93bc rgb(29,147,188)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#1d79bc
```
#1d79bc rgb(29,121,188)
```
#1d6cbc
```
#1d6cbc rgb(29,108,188)
```
#1d5ebc
```
#1d5ebc rgb(29,94,188)
```

Similar Colors

Text with hexadecimal color #1d86bc

This text has a font color of #1d86bc.

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

#1d86bc background color

This paragraph has a background color of #1d86bc.

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

#1d86bc border color

This element has a border color of #1d86bc.

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

CSS codes

.text {color:#1d86bc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#051923
```
#051923 rgb(5,25,35)
```
#082534
```
#082534 rgb(8,37,52)
```
#0b3145
```
#0b3145 rgb(11,49,69)
```
#0d3d56
```
#0d3d56 rgb(13,61,86)
```
#104967
```
#104967 rgb(16,73,103)
```
#135678
```
#135678 rgb(19,86,120)
```
#156289
```
#156289 rgb(21,98,137)
```
#186e9a
```
#186e9a rgb(24,110,154)
```
#1a7aab
```
#1a7aab rgb(26,122,171)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#2092cd
```
#2092cd rgb(32,146,205)
```

Shade Color Variation

#239edd
```
#239edd rgb(35,158,221)
```
#34a5e0
```
#34a5e0 rgb(52,165,224)
```
#45ade2
```
#45ade2 rgb(69,173,226)
```
#56b4e5
```
#56b4e5 rgb(86,180,229)
```
#67bce8
```
#67bce8 rgb(103,188,232)
```
#78c3ea
```
#78c3ea rgb(120,195,234)
```
#89cbed
```
#89cbed rgb(137,203,237)
```
#9ad2ef
```
#9ad2ef rgb(154,210,239)
```
#abdaf2
```
#abdaf2 rgb(171,218,242)
```
#bce1f5
```
#bce1f5 rgb(188,225,245)
```
#cde9f7
```
#cde9f7 rgb(205,233,247)
```
#def0fa
```
#def0fa rgb(222,240,250)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

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

#686e71
```
#686e71 rgb(104,110,113)
```
#607179
```
#607179 rgb(96,113,121)
```
#577382
```
#577382 rgb(87,115,130)
```
#4f768a
```
#4f768a rgb(79,118,138)
```
#477992
```
#477992 rgb(71,121,146)
```
#3e7b9b
```
#3e7b9b rgb(62,123,155)
```
#367ea3
```
#367ea3 rgb(54,126,163)
```
#2e81ab
```
#2e81ab rgb(46,129,171)
```
#2583b4
```
#2583b4 rgb(37,131,180)
```
#1d86bc
```
#1d86bc rgb(29,134,188)
```
#1589c4
```
#1589c4 rgb(21,137,196)
```
#0c8bcd
```
#0c8bcd rgb(12,139,205)
```
#048ed5
```
#048ed5 rgb(4,142,213)
```

Tone Color Variation

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

#7283b8 Protanopia 1% of men
#6484c2 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

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

#1d86bc hex color

#1d86bc Color Information

#1d86bc Color Conversion

Color Schemes with #1d86bc

Alternatives to #1d86bc

#1d86bc Preview

Shades and Tints of #1d86bc

Tones of #1d86bc

Color Blindness Simulator