#2086da hex color

In a RGB color space, hex #2086da is composed of 12.5% red, 52.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 38.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 207.1 degrees, a saturation of 74.4% and a lightness of 49%. #2086da color hex could be obtained by blending #40ffff with #000db5. Closest websafe color is: #3399cc.

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

● #2086da color description : Vivid blue.

The hexadecimal color #2086da has RGB values of R:32, G:134, B:218 and CMYK values of C:0.85, M:0.39, Y:0, K:0.15. Its decimal value is 2131674.

Hex triplet	2086da	`#2086da`
RGB Decimal	32, 134, 218	`rgb(32,134,218)`
RGB Percent	12.5, 52.5, 85.5	`rgb(12.5%,52.5%,85.5%)`
CMYK	85, 39, 0, 15
HSL	207.1°, 74.4, 49	`hsl(207.1,74.4%,49%)`
HSV (or HSB)	207.1°, 85.3, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.467, 2.197, -50.712
XYZ	21.773, 22.417, 69.505
xyY	0.192, 0.197, 22.417
CIE-LCH	54.467, 50.759, 272.481
CIE-LUV	54.467, -31.239, -79.461
Hunter-Lab	47.347, -0.773, -53.895
Binary	00100000, 10000110, 11011010

#2086da
```
#2086da rgb(32,134,218)
```
#da7420
```
#da7420 rgb(218,116,32)
```

Complementary Color

#20dad1
```
#20dad1 rgb(32,218,209)
```
#2086da
```
#2086da rgb(32,134,218)
```
#2029da
```
#2029da rgb(32,41,218)
```

Analogous Color

#dad120
```
#dad120 rgb(218,209,32)
```
#2086da
```
#2086da rgb(32,134,218)
```
#da2029
```
#da2029 rgb(218,32,41)
```

Split Complementary Color

#86da20
```
#86da20 rgb(134,218,32)
```
#2086da
```
#2086da rgb(32,134,218)
```
#da2086
```
#da2086 rgb(218,32,134)
```

Triadic Color

#20da74
```
#20da74 rgb(32,218,116)
```
#2086da
```
#2086da rgb(32,134,218)
```
#da2086
```
#da2086 rgb(218,32,134)
```
#da7420
```
#da7420 rgb(218,116,32)
```

Tetradic Color

#165d97
```
#165d97 rgb(22,93,151)
```
#196bae
```
#196bae rgb(25,107,174)
```
#1d78c4
```
#1d78c4 rgb(29,120,196)
```
#2086da
```
#2086da rgb(32,134,218)
```
#3392e1
```
#3392e1 rgb(51,146,225)
```
#499ee4
```
#499ee4 rgb(73,158,228)
```
#5faae8
```
#5faae8 rgb(95,170,232)
```

Monochromatic Color

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

#20b5da
```
#20b5da rgb(32,181,218)
```
#20a5da
```
#20a5da rgb(32,165,218)
```
#2096da
```
#2096da rgb(32,150,218)
```
#2086da
```
#2086da rgb(32,134,218)
```
#2077da
```
#2077da rgb(32,119,218)
```
#2067da
```
#2067da rgb(32,103,218)
```
#2058da
```
#2058da rgb(32,88,218)
```

Similar Colors

Text with hexadecimal color #2086da

This text has a font color of #2086da.

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

#2086da background color

This paragraph has a background color of #2086da.

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

#2086da border color

This element has a border color of #2086da.

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

CSS codes

.text {color:#2086da;}

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

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

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#04121e
```
#04121e rgb(4,18,30)
```
#071d2f
```
#071d2f rgb(7,29,47)
```
#092740
```
#092740 rgb(9,39,64)
```
#0c3251
```
#0c3251 rgb(12,50,81)
```
#0e3c62
```
#0e3c62 rgb(14,60,98)
```
#114773
```
#114773 rgb(17,71,115)
```
#135184
```
#135184 rgb(19,81,132)
```
#165c96
```
#165c96 rgb(22,92,150)
```
#1866a7
```
#1866a7 rgb(24,102,167)
```
#1b71b8
```
#1b71b8 rgb(27,113,184)
```
#1d7bc9
```
#1d7bc9 rgb(29,123,201)
```
#2086da
```
#2086da rgb(32,134,218)
```

Shade Color Variation

#2d8fe0
```
#2d8fe0 rgb(45,143,224)
```
#3e99e3
```
#3e99e3 rgb(62,153,227)
```
#50a2e5
```
#50a2e5 rgb(80,162,229)
```
#61abe8
```
#61abe8 rgb(97,171,232)
```
#72b4ea
```
#72b4ea rgb(114,180,234)
```
#83bded
```
#83bded rgb(131,189,237)
```
#94c6ef
```
#94c6ef rgb(148,198,239)
```
#a5cff2
```
#a5cff2 rgb(165,207,242)
```
#b6d8f4
```
#b6d8f4 rgb(182,216,244)
```
#c7e1f7
```
#c7e1f7 rgb(199,225,247)
```
#d8eaf9
```
#d8eaf9 rgb(216,234,249)
```
#eaf4fc
```
#eaf4fc rgb(234,244,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e83 is the less saturated color, while #0389f7 is the most saturated one.

#777e83
```
#777e83 rgb(119,126,131)
```
#6d7f8d
```
#6d7f8d rgb(109,127,141)
```
#637f97
```
#637f97 rgb(99,127,151)
```
#5a80a0
```
#5a80a0 rgb(90,128,160)
```
#5081aa
```
#5081aa rgb(80,129,170)
```
#4682b4
```
#4682b4 rgb(70,130,180)
```
#3d83bd
```
#3d83bd rgb(61,131,189)
```
#3384c7
```
#3384c7 rgb(51,132,199)
```
#2a85d0
```
#2a85d0 rgb(42,133,208)
```
#2086da
```
#2086da rgb(32,134,218)
```
#1687e4
```
#1687e4 rgb(22,135,228)
```
#0d88ed
```
#0d88ed rgb(13,136,237)
```
#0389f7
```
#0389f7 rgb(3,137,247)
```

Tone Color Variation

Below, you can see how #2086da 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
#617586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6586d6 Protanopia 1% of men
#448adc Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#4c86d8 Protanomaly 1% of men, 0.01% of women
#3788db Deuteranomaly 6% of men, 0.4% of women
#0b90b4 Tritanomaly 0.01% of the population

#2086da hex color

#2086da Color Information

#2086da Color Conversion

Color Schemes with #2086da

Alternatives to #2086da

#2086da Preview

Shades and Tints of #2086da

Tones of #2086da

Color Blindness Simulator