#2086ed hex color

In a RGB color space, hex #2086ed is composed of 12.5% red, 52.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 43.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 210.1 degrees, a saturation of 85.1% and a lightness of 52.7%. #2086ed color hex could be obtained by blending #40ffff with #000ddb. Closest websafe color is: #3399ff.

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

● #2086ed color description : Vivid blue.

The hexadecimal color #2086ed has RGB values of R:32, G:134, B:237 and CMYK values of C:0.86, M:0.43, Y:0, K:0.07. Its decimal value is 2131693.

Hex triplet	2086ed	`#2086ed`
RGB Decimal	32, 134, 237	`rgb(32,134,237)`
RGB Percent	12.5, 52.5, 92.9	`rgb(12.5%,52.5%,92.9%)`
CMYK	86, 43, 0, 7
HSL	210.1°, 85.1, 52.7	`hsl(210.1,85.1%,52.7%)`
HSV (or HSB)	210.1°, 86.5, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.553, 9.373, -59.596
XYZ	24.403, 23.47, 83.36
xyY	0.186, 0.179, 23.47
CIE-LCH	55.553, 60.328, 278.938
CIE-LUV	55.553, -30.36, -94.749
Hunter-Lab	48.445, 5.136, -68.109
Binary	00100000, 10000110, 11101101

#2086ed
```
#2086ed rgb(32,134,237)
```
#ed8720
```
#ed8720 rgb(237,135,32)
```

Complementary Color

#20eded
```
#20eded rgb(32,237,237)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#2120ed
```
#2120ed rgb(33,32,237)
```

Analogous Color

#eded20
```
#eded20 rgb(237,237,32)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#ed2120
```
#ed2120 rgb(237,33,32)
```

Split Complementary Color

#86ed20
```
#86ed20 rgb(134,237,32)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#ed2086
```
#ed2086 rgb(237,32,134)
```

Triadic Color

#20ed87
```
#20ed87 rgb(32,237,135)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#ed2086
```
#ed2086 rgb(237,32,134)
```
#ed8720
```
#ed8720 rgb(237,135,32)
```

Tetradic Color

#0e60b2
```
#0e60b2 rgb(14,96,178)
```
#106dca
```
#106dca rgb(16,109,202)
```
#1279e1
```
#1279e1 rgb(18,121,225)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#3893ef
```
#3893ef rgb(56,147,239)
```
#4fa0f1
```
#4fa0f1 rgb(79,160,241)
```
#67acf3
```
#67acf3 rgb(103,172,243)
```

Monochromatic Color

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

#20b9ed
```
#20b9ed rgb(32,185,237)
```
#20a8ed
```
#20a8ed rgb(32,168,237)
```
#2097ed
```
#2097ed rgb(32,151,237)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#2075ed
```
#2075ed rgb(32,117,237)
```
#2064ed
```
#2064ed rgb(32,100,237)
```
#2053ed
```
#2053ed rgb(32,83,237)
```

Similar Colors

Text with hexadecimal color #2086ed

This text has a font color of #2086ed.

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

#2086ed background color

This paragraph has a background color of #2086ed.

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

#2086ed border color

This element has a border color of #2086ed.

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

CSS codes

.text {color:#2086ed;}

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

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

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

#01070d
```
#01070d rgb(1,7,13)
```
#03111f
```
#03111f rgb(3,17,31)
```
#041b31
```
#041b31 rgb(4,27,49)
```
#052443
```
#052443 rgb(5,36,67)
```
#072e56
```
#072e56 rgb(7,46,86)
```
#083868
```
#083868 rgb(8,56,104)
```
#0a427a
```
#0a427a rgb(10,66,122)
```
#0b4b8c
```
#0b4b8c rgb(11,75,140)
```
#0d559e
```
#0d559e rgb(13,85,158)
```
#0e5fb0
```
#0e5fb0 rgb(14,95,176)
```
#1069c2
```
#1069c2 rgb(16,105,194)
```
#1172d5
```
#1172d5 rgb(17,114,213)
```
#137ce7
```
#137ce7 rgb(19,124,231)
```

Shade Color Variation

#2086ed
```
#2086ed rgb(32,134,237)
```
#3290ee
```
#3290ee rgb(50,144,238)
```
#449af0
```
#449af0 rgb(68,154,240)
```
#56a4f1
```
#56a4f1 rgb(86,164,241)
```
#69adf3
```
#69adf3 rgb(105,173,243)
```
#7bb7f4
```
#7bb7f4 rgb(123,183,244)
```
#8dc1f6
```
#8dc1f6 rgb(141,193,246)
```
#9fcbf7
```
#9fcbf7 rgb(159,203,247)
```
#b1d5f9
```
#b1d5f9 rgb(177,213,249)
```
#c3dffa
```
#c3dffa rgb(195,223,250)
```
#d6e8fc
```
#d6e8fc rgb(214,232,252)
```
#e8f2fd
```
#e8f2fd rgb(232,242,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868687 is the less saturated color, while #1786f6 is the most saturated one.

#868687
```
#868687 rgb(134,134,135)
```
#7d8690
```
#7d8690 rgb(125,134,144)
```
#73869a
```
#73869a rgb(115,134,154)
```
#6a86a3
```
#6a86a3 rgb(106,134,163)
```
#6186ac
```
#6186ac rgb(97,134,172)
```
#5886b5
```
#5886b5 rgb(88,134,181)
```
#4e86bf
```
#4e86bf rgb(78,134,191)
```
#4586c8
```
#4586c8 rgb(69,134,200)
```
#3c86d1
```
#3c86d1 rgb(60,134,209)
```
#3386da
```
#3386da rgb(51,134,218)
```
#2986e4
```
#2986e4 rgb(41,134,228)
```
#2086ed
```
#2086ed rgb(32,134,237)
```
#1786f6
```
#1786f6 rgb(23,134,246)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#62778b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5888ea Protanopia 1% of men
#008dec Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4487eb Protanomaly 1% of men, 0.01% of women
#0b8aec Deuteranomaly 6% of men, 0.4% of women
#0b92bd Tritanomaly 0.01% of the population

#2086ed hex color

#2086ed Color Information

#2086ed Color Conversion

Color Schemes with #2086ed

Alternatives to #2086ed

#2086ed Preview

Shades and Tints of #2086ed

Tones of #2086ed

Color Blindness Simulator