#1d86d9 hex color

In a RGB color space, hex #1d86d9 is composed of 11.4% red, 52.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 38.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 206.5 degrees, a saturation of 76.4% and a lightness of 48.2%. #1d86d9 color hex could be obtained by blending #3affff with #000db3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 53
- B 85
RGB color chart
- C 87
- M 38
- Y 0
- K 15
CMYK color chart

● #1d86d9 color description : Vivid blue.

The hexadecimal color #1d86d9 has RGB values of R:29, G:134, B:217 and CMYK values of C:0.87, M:0.38, Y:0, K:0.15. Its decimal value is 1935065.

Hex triplet	1d86d9	`#1d86d9`
RGB Decimal	29, 134, 217	`rgb(29,134,217)`
RGB Percent	11.4, 52.5, 85.1	`rgb(11.4%,52.5%,85.1%)`
CMYK	87, 38, 0, 15
HSL	206.5°, 76.4, 48.2	`hsl(206.5,76.4%,48.2%)`
HSV (or HSB)	206.5°, 86.6, 85.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.364, 1.609, -50.316
XYZ	21.553, 22.319, 68.814
xyY	0.191, 0.198, 22.319
CIE-LCH	54.364, 50.342, 271.832
CIE-LUV	54.364, -31.555, -78.736
Hunter-Lab	47.243, -1.241, -53.291
Binary	00011101, 10000110, 11011001

#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#d9701d
```
#d9701d rgb(217,112,29)
```

Complementary Color

#1dd9ce
```
#1dd9ce rgb(29,217,206)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#1d28d9
```
#1d28d9 rgb(29,40,217)
```

Analogous Color

#d9ce1d
```
#d9ce1d rgb(217,206,29)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#d91d28
```
#d91d28 rgb(217,29,40)
```

Split Complementary Color

#86d91d
```
#86d91d rgb(134,217,29)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#d91d86
```
#d91d86 rgb(217,29,134)
```

Triadic Color

#1dd970
```
#1dd970 rgb(29,217,112)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#d91d86
```
#d91d86 rgb(217,29,134)
```
#d9701d
```
#d9701d rgb(217,112,29)
```

Tetradic Color

#145c96
```
#145c96 rgb(20,92,150)
```
#176aac
```
#176aac rgb(23,106,172)
```
#1a78c3
```
#1a78c3 rgb(26,120,195)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#2d92e3
```
#2d92e3 rgb(45,146,227)
```
#439ee6
```
#439ee6 rgb(67,158,230)
```
#5aaae9
```
#5aaae9 rgb(90,170,233)
```

Monochromatic Color

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

#1db5d9
```
#1db5d9 rgb(29,181,217)
```
#1da5d9
```
#1da5d9 rgb(29,165,217)
```
#1d96d9
```
#1d96d9 rgb(29,150,217)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#1d76d9
```
#1d76d9 rgb(29,118,217)
```
#1d67d9
```
#1d67d9 rgb(29,103,217)
```
#1d57d9
```
#1d57d9 rgb(29,87,217)
```

Similar Colors

Text with hexadecimal color #1d86d9

This text has a font color of #1d86d9.

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

#1d86d9 background color

This paragraph has a background color of #1d86d9.

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

#1d86d9 border color

This element has a border color of #1d86d9.

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

CSS codes

.text {color:#1d86d9;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#04101b
```
#04101b rgb(4,16,27)
```
#061b2c
```
#061b2c rgb(6,27,44)
```
#08263d
```
#08263d rgb(8,38,61)
```
#0b314f
```
#0b314f rgb(11,49,79)
```
#0d3b60
```
#0d3b60 rgb(13,59,96)
```
#0f4671
```
#0f4671 rgb(15,70,113)
```
#115182
```
#115182 rgb(17,81,130)
```
#145b94
```
#145b94 rgb(20,91,148)
```
#1666a5
```
#1666a5 rgb(22,102,165)
```
#1871b6
```
#1871b6 rgb(24,113,182)
```
#1b7bc8
```
#1b7bc8 rgb(27,123,200)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```

Shade Color Variation

#2790e2
```
#2790e2 rgb(39,144,226)
```
#3999e5
```
#3999e5 rgb(57,153,229)
```
#4aa2e7
```
#4aa2e7 rgb(74,162,231)
```
#5babe9
```
#5babe9 rgb(91,171,233)
```
#6db3eb
```
#6db3eb rgb(109,179,235)
```
#7ebcee
```
#7ebcee rgb(126,188,238)
```
#8fc5f0
```
#8fc5f0 rgb(143,197,240)
```
#a1cef2
```
#a1cef2 rgb(161,206,242)
```
#b2d7f5
```
#b2d7f5 rgb(178,215,245)
```
#c3e0f7
```
#c3e0f7 rgb(195,224,247)
```
#d4e9f9
```
#d4e9f9 rgb(212,233,249)
```
#e6f2fc
```
#e6f2fc rgb(230,242,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727c84 is the less saturated color, while #0189f5 is the most saturated one.

#727c84
```
#727c84 rgb(114,124,132)
```
#697d8d
```
#697d8d rgb(105,125,141)
```
#5f7e97
```
#5f7e97 rgb(95,126,151)
```
#567fa0
```
#567fa0 rgb(86,127,160)
```
#4c80aa
```
#4c80aa rgb(76,128,170)
```
#4382b3
```
#4382b3 rgb(67,130,179)
```
#3983bd
```
#3983bd rgb(57,131,189)
```
#3084c6
```
#3084c6 rgb(48,132,198)
```
#2685d0
```
#2685d0 rgb(38,133,208)
```
#1d86d9
```
#1d86d9 rgb(29,134,217)
```
#1487e2
```
#1487e2 rgb(20,135,226)
```
#0a88ec
```
#0a88ec rgb(10,136,236)
```
#0189f5
```
#0189f5 rgb(1,137,245)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5f7485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6585d5 Protanopia 1% of men
#4589dc Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#4b85d6 Protanomaly 1% of men, 0.01% of women
#3688da Deuteranomaly 6% of men, 0.4% of women
#0a90b4 Tritanomaly 0.01% of the population

#1d86d9 hex color

#1d86d9 Color Information

#1d86d9 Color Conversion

Color Schemes with #1d86d9

Alternatives to #1d86d9

#1d86d9 Preview

Shades and Tints of #1d86d9

Tones of #1d86d9

Color Blindness Simulator