#1d86fb hex color

In a RGB color space, hex #1d86fb is composed of 11.4% red, 52.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 46.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 211.6 degrees, a saturation of 96.5% and a lightness of 54.9%. #1d86fb color hex could be obtained by blending #3affff with #000df7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 53
- B 98
RGB color chart
- C 88
- M 47
- Y 0
- K 2
CMYK color chart

● #1d86fb color description : Vivid blue.

The hexadecimal color #1d86fb has RGB values of R:29, G:134, B:251 and CMYK values of C:0.88, M:0.47, Y:0, K:0.02. Its decimal value is 1935099.

Hex triplet	1d86fb	`#1d86fb`
RGB Decimal	29, 134, 251	`rgb(29,134,251)`
RGB Percent	11.4, 52.5, 98.4	`rgb(11.4%,52.5%,98.4%)`
CMYK	88, 47, 0, 2
HSL	211.6°, 96.5, 54.9	`hsl(211.6,96.5%,54.9%)`
HSV (or HSB)	211.6°, 88.4, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.361, 14.496, -66.05
XYZ	26.44, 24.274, 94.553
xyY	0.182, 0.167, 24.274
CIE-LCH	56.361, 67.622, 282.378
CIE-LUV	56.361, -30.021, -105.73
Hunter-Lab	49.269, 9.573, -79.297
Binary	00011101, 10000110, 11111011

#1d86fb
```
#1d86fb rgb(29,134,251)
```
#fb921d
```
#fb921d rgb(251,146,29)
```

Complementary Color

#1df5fb
```
#1df5fb rgb(29,245,251)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#231dfb
```
#231dfb rgb(35,29,251)
```

Analogous Color

#f5fb1d
```
#f5fb1d rgb(245,251,29)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#fb231d
```
#fb231d rgb(251,35,29)
```

Split Complementary Color

#86fb1d
```
#86fb1d rgb(134,251,29)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#fb1d86
```
#fb1d86 rgb(251,29,134)
```

Triadic Color

#1dfb92
```
#1dfb92 rgb(29,251,146)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#fb1d86
```
#fb1d86 rgb(251,29,134)
```
#fb921d
```
#fb921d rgb(251,146,29)
```

Tetradic Color

#0460c8
```
#0460c8 rgb(4,96,200)
```
#046de1
```
#046de1 rgb(4,109,225)
```
#0479fa
```
#0479fa rgb(4,121,250)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#3693fb
```
#3693fb rgb(54,147,251)
```
#4fa1fc
```
#4fa1fc rgb(79,161,252)
```
#68aefc
```
#68aefc rgb(104,174,252)
```

Monochromatic Color

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

#1dbefb
```
#1dbefb rgb(29,190,251)
```
#1dabfb
```
#1dabfb rgb(29,171,251)
```
#1d99fb
```
#1d99fb rgb(29,153,251)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#1d74fb
```
#1d74fb rgb(29,116,251)
```
#1d61fb
```
#1d61fb rgb(29,97,251)
```
#1d4ffb
```
#1d4ffb rgb(29,79,251)
```

Similar Colors

Text with hexadecimal color #1d86fb

This text has a font color of #1d86fb.

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

#1d86fb background color

This paragraph has a background color of #1d86fb.

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

#1d86fb border color

This element has a border color of #1d86fb.

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

CSS codes

.text {color:#1d86fb;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#01152c
```
#01152c rgb(1,21,44)
```
#011e3f
```
#011e3f rgb(1,30,63)
```
#012852
```
#012852 rgb(1,40,82)
```
#023166
```
#023166 rgb(2,49,102)
```
#023a79
```
#023a79 rgb(2,58,121)
```
#02448c
```
#02448c rgb(2,68,140)
```
#034d9f
```
#034d9f rgb(3,77,159)
```
#0356b3
```
#0356b3 rgb(3,86,179)
```
#0460c6
```
#0460c6 rgb(4,96,198)
```
#0469d9
```
#0469d9 rgb(4,105,217)
```
#0472ed
```
#0472ed rgb(4,114,237)
```

Shade Color Variation

#0a7cfb
```
#0a7cfb rgb(10,124,251)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```
#3090fb
```
#3090fb rgb(48,144,251)
```
#449bfc
```
#449bfc rgb(68,155,252)
```
#57a5fc
```
#57a5fc rgb(87,165,252)
```
#6aaffc
```
#6aaffc rgb(106,175,252)
```
#7dbafd
```
#7dbafd rgb(125,186,253)
```
#91c4fd
```
#91c4fd rgb(145,196,253)
```
#a4cefd
```
#a4cefd rgb(164,206,253)
```
#b7d9fe
```
#b7d9fe rgb(183,217,254)
```
#cae3fe
```
#cae3fe rgb(202,227,254)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c91 is the less saturated color, while #1d86fb is the most saturated one.

#878c91
```
#878c91 rgb(135,140,145)
```
#7e8b9a
```
#7e8b9a rgb(126,139,154)
```
#758ba3
```
#758ba3 rgb(117,139,163)
```
#6d8aab
```
#6d8aab rgb(109,138,171)
```
#648ab4
```
#648ab4 rgb(100,138,180)
```
#5b89bd
```
#5b89bd rgb(91,137,189)
```
#5289c6
```
#5289c6 rgb(82,137,198)
```
#4988cf
```
#4988cf rgb(73,136,207)
```
#4088d8
```
#4088d8 rgb(64,136,216)
```
#3887e0
```
#3887e0 rgb(56,135,224)
```
#2f87e9
```
#2f87e9 rgb(47,135,233)
```
#2686f2
```
#2686f2 rgb(38,134,242)
```
#1d86fb
```
#1d86fb rgb(29,134,251)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#63788f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b89f8 Protanopia 1% of men
#0090ed Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#3a88f9 Protanomaly 1% of men, 0.01% of women
#0a8cf2 Deuteranomaly 6% of men, 0.4% of women
#0a93c3 Tritanomaly 0.01% of the population

#1d86fb hex color

#1d86fb Color Information

#1d86fb Color Conversion

Color Schemes with #1d86fb

Alternatives to #1d86fb

#1d86fb Preview

Shades and Tints of #1d86fb

Tones of #1d86fb

Color Blindness Simulator