#2086dd hex color

In a RGB color space, hex #2086dd is composed of 12.5% red, 52.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 39.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 207.6 degrees, a saturation of 74.7% and a lightness of 49.6%. #2086dd color hex could be obtained by blending #40ffff with #000dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 53
- B 87
RGB color chart
- C 86
- M 39
- Y 0
- K 13
CMYK color chart

● #2086dd color description : Vivid blue.

The hexadecimal color #2086dd has RGB values of R:32, G:134, B:221 and CMYK values of C:0.86, M:0.39, Y:0, K:0.13. Its decimal value is 2131677.

Hex triplet	2086dd	`#2086dd`
RGB Decimal	32, 134, 221	`rgb(32,134,221)`
RGB Percent	12.5, 52.5, 86.7	`rgb(12.5%,52.5%,86.7%)`
CMYK	86, 39, 0, 13
HSL	207.6°, 74.7, 49.6	`hsl(207.6,74.7%,49.6%)`
HSV (or HSB)	207.6°, 85.5, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.633, 3.327, -52.132
XYZ	22.169, 22.576, 71.592
xyY	0.191, 0.194, 22.576
CIE-LCH	54.633, 52.238, 273.652
CIE-LUV	54.633, -31.092, -81.912
Hunter-Lab	47.514, 0.134, -56.076
Binary	00100000, 10000110, 11011101

#2086dd
```
#2086dd rgb(32,134,221)
```
#dd7720
```
#dd7720 rgb(221,119,32)
```

Complementary Color

#20ddd6
```
#20ddd6 rgb(32,221,214)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#2028dd
```
#2028dd rgb(32,40,221)
```

Analogous Color

#ddd620
```
#ddd620 rgb(221,214,32)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#dd2028
```
#dd2028 rgb(221,32,40)
```

Split Complementary Color

#86dd20
```
#86dd20 rgb(134,221,32)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#dd2086
```
#dd2086 rgb(221,32,134)
```

Triadic Color

#20dd77
```
#20dd77 rgb(32,221,119)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#dd2086
```
#dd2086 rgb(221,32,134)
```
#dd7720
```
#dd7720 rgb(221,119,32)
```

Tetradic Color

#165d9a
```
#165d9a rgb(22,93,154)
```
#1a6bb0
```
#1a6bb0 rgb(26,107,176)
```
#1d78c7
```
#1d78c7 rgb(29,120,199)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#3592e2
```
#3592e2 rgb(53,146,226)
```
#4b9ee5
```
#4b9ee5 rgb(75,158,229)
```
#61aae8
```
#61aae8 rgb(97,170,232)
```

Monochromatic Color

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

#20b5dd
```
#20b5dd rgb(32,181,221)
```
#20a6dd
```
#20a6dd rgb(32,166,221)
```
#2096dd
```
#2096dd rgb(32,150,221)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#2076dd
```
#2076dd rgb(32,118,221)
```
#2067dd
```
#2067dd rgb(32,103,221)
```
#2057dd
```
#2057dd rgb(32,87,221)
```

Similar Colors

Text with hexadecimal color #2086dd

This text has a font color of #2086dd.

<span style="color:#2086dd;">Text here</span>

#2086dd background color

This paragraph has a background color of #2086dd.

<p style="background-color:#2086dd;">Content here</p>

#2086dd border color

This element has a border color of #2086dd.

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

CSS codes

.text {color:#2086dd;}

.background {background-color:#2086dd;}

.border {border:1px solid #2086dd;}

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, #02090f is the darkest color, while #fdfeff is the lightest one.

#02090f
```
#02090f rgb(2,9,15)
```
#051421
```
#051421 rgb(5,20,33)
```
#071e32
```
#071e32 rgb(7,30,50)
```
#0a2843
```
#0a2843 rgb(10,40,67)
```
#0c3354
```
#0c3354 rgb(12,51,84)
```
#0f3d65
```
#0f3d65 rgb(15,61,101)
```
#114876
```
#114876 rgb(17,72,118)
```
#145287
```
#145287 rgb(20,82,135)
```
#165c98
```
#165c98 rgb(22,92,152)
```
#1967aa
```
#1967aa rgb(25,103,170)
```
#1b71bb
```
#1b71bb rgb(27,113,187)
```
#1e7ccc
```
#1e7ccc rgb(30,124,204)
```
#2086dd
```
#2086dd rgb(32,134,221)
```

Shade Color Variation

#308fe1
```
#308fe1 rgb(48,143,225)
```
#4199e3
```
#4199e3 rgb(65,153,227)
```
#52a2e6
```
#52a2e6 rgb(82,162,230)
```
#63abe8
```
#63abe8 rgb(99,171,232)
```
#74b4eb
```
#74b4eb rgb(116,180,235)
```
#85bded
```
#85bded rgb(133,189,237)
```
#96c7f0
```
#96c7f0 rgb(150,199,240)
```
#a8d0f2
```
#a8d0f2 rgb(168,208,242)
```
#b9d9f5
```
#b9d9f5 rgb(185,217,245)
```
#cae2f7
```
#cae2f7 rgb(202,226,247)
```
#dbecfa
```
#dbecfa rgb(219,236,250)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f85 is the less saturated color, while #0388fa is the most saturated one.

#787f85
```
#787f85 rgb(120,127,133)
```
#6e808f
```
#6e808f rgb(110,128,143)
```
#648199
```
#648199 rgb(100,129,153)
```
#5a81a3
```
#5a81a3 rgb(90,129,163)
```
#5182ac
```
#5182ac rgb(81,130,172)
```
#4783b6
```
#4783b6 rgb(71,131,182)
```
#3d84c0
```
#3d84c0 rgb(61,132,192)
```
#3384ca
```
#3384ca rgb(51,132,202)
```
#2a85d3
```
#2a85d3 rgb(42,133,211)
```
#2086dd
```
#2086dd rgb(32,134,221)
```
#1687e7
```
#1687e7 rgb(22,135,231)
```
#0d88f0
```
#0d88f0 rgb(13,136,240)
```
#0388fa
```
#0388fa rgb(3,136,250)
```

Tone Color Variation

Below, you can see how #2086dd 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

#717171 Achromatopsia 0.005% of the population
#617587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6386d9 Protanopia 1% of men
#3f8adf Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#4a86db Protanomaly 1% of men, 0.01% of women
#3488de Deuteranomaly 6% of men, 0.4% of women
#0b90b6 Tritanomaly 0.01% of the population

#2086dd hex color

#2086dd Color Information

#2086dd Color Conversion

Color Schemes with #2086dd

Alternatives to #2086dd

#2086dd Preview

Shades and Tints of #2086dd

Tones of #2086dd

Color Blindness Simulator