#5686ee hex color

In a RGB color space, hex #5686ee is composed of 33.7% red, 52.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 43.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 221.1 degrees, a saturation of 81.7% and a lightness of 63.5%. #5686ee color hex could be obtained by blending #acffff with #000ddd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 53
- B 93
RGB color chart
- C 64
- M 44
- Y 0
- K 7
CMYK color chart

● #5686ee color description : Soft blue.

The hexadecimal color #5686ee has RGB values of R:86, G:134, B:238 and CMYK values of C:0.64, M:0.44, Y:0, K:0.07. Its decimal value is 5670638.

Hex triplet	5686ee	`#5686ee`
RGB Decimal	86, 134, 238	`rgb(86,134,238)`
RGB Percent	33.7, 52.5, 93.3	`rgb(33.7%,52.5%,93.3%)`
CMYK	64, 44, 0, 7
HSL	221.1°, 81.7, 63.5	`hsl(221.1,81.7%,63.5%)`
HSV (or HSB)	221.1°, 63.9, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.27, 16.049, -57.309
XYZ	27.792, 25.2, 84.284
xyY	0.202, 0.184, 25.2
CIE-LCH	57.27, 59.514, 285.645
CIE-LUV	57.27, -21.632, -92.313
Hunter-Lab	50.2, 10.974, -64.407
Binary	01010110, 10000110, 11101110

#5686ee
```
#5686ee rgb(86,134,238)
```
#eebe56
```
#eebe56 rgb(238,190,86)
```

Complementary Color

#56d2ee
```
#56d2ee rgb(86,210,238)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#7256ee
```
#7256ee rgb(114,86,238)
```

Analogous Color

#d2ee56
```
#d2ee56 rgb(210,238,86)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#ee7256
```
#ee7256 rgb(238,114,86)
```

Split Complementary Color

#86ee56
```
#86ee56 rgb(134,238,86)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#ee5686
```
#ee5686 rgb(238,86,134)
```

Triadic Color

#56eebe
```
#56eebe rgb(86,238,190)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#ee5686
```
#ee5686 rgb(238,86,134)
```
#eebe56
```
#eebe56 rgb(238,190,86)
```

Tetradic Color

#1756e1
```
#1756e1 rgb(23,86,225)
```
#2865e9
```
#2865e9 rgb(40,101,233)
```
#3f75ec
```
#3f75ec rgb(63,117,236)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#6d97f0
```
#6d97f0 rgb(109,151,240)
```
#84a7f3
```
#84a7f3 rgb(132,167,243)
```
#9cb8f5
```
#9cb8f5 rgb(156,184,245)
```

Monochromatic Color

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

#56acee
```
#56acee rgb(86,172,238)
```
#569fee
```
#569fee rgb(86,159,238)
```
#5693ee
```
#5693ee rgb(86,147,238)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#5679ee
```
#5679ee rgb(86,121,238)
```
#566dee
```
#566dee rgb(86,109,238)
```
#5660ee
```
#5660ee rgb(86,96,238)
```

Similar Colors

Text with hexadecimal color #5686ee

This text has a font color of #5686ee.

<span style="color:#5686ee;">Text here</span>

#5686ee background color

This paragraph has a background color of #5686ee.

<p style="background-color:#5686ee;">Content here</p>

#5686ee border color

This element has a border color of #5686ee.

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

CSS codes

.text {color:#5686ee;}

.background {background-color:#5686ee;}

.border {border:1px solid #5686ee;}

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

#010409
```
#010409 rgb(1,4,9)
```
#030a1b
```
#030a1b rgb(3,10,27)
```
#05112d
```
#05112d rgb(5,17,45)
```
#06183f
```
#06183f rgb(6,24,63)
```
#081f51
```
#081f51 rgb(8,31,81)
```
#0a2662
```
#0a2662 rgb(10,38,98)
```
#0c2d74
```
#0c2d74 rgb(12,45,116)
```
#0d3486
```
#0d3486 rgb(13,52,134)
```
#0f3a98
```
#0f3a98 rgb(15,58,152)
```
#1141aa
```
#1141aa rgb(17,65,170)
```
#1348bb
```
#1348bb rgb(19,72,187)
```
#154fcd
```
#154fcd rgb(21,79,205)
```
#1656df
```
#1656df rgb(22,86,223)
```

Shade Color Variation

#2160e9
```
#2160e9 rgb(33,96,233)
```
#326cea
```
#326cea rgb(50,108,234)
```
#4479ec
```
#4479ec rgb(68,121,236)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#6893f0
```
#6893f0 rgb(104,147,240)
```
#7aa0f2
```
#7aa0f2 rgb(122,160,242)
```
#8bacf3
```
#8bacf3 rgb(139,172,243)
```
#9db9f5
```
#9db9f5 rgb(157,185,245)
```
#afc6f7
```
#afc6f7 rgb(175,198,247)
```
#c1d3f9
```
#c1d3f9 rgb(193,211,249)
```
#d3dffb
```
#d3dffb rgb(211,223,251)
```
#e5ecfc
```
#e5ecfc rgb(229,236,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea0a6 is the less saturated color, while #4881fc is the most saturated one.

#9ea0a6
```
#9ea0a6 rgb(158,160,166)
```
#969eae
```
#969eae rgb(150,158,174)
```
#8f9bb5
```
#8f9bb5 rgb(143,155,181)
```
#8898bc
```
#8898bc rgb(136,152,188)
```
#8196c3
```
#8196c3 rgb(129,150,195)
```
#7a93ca
```
#7a93ca rgb(122,147,202)
```
#7391d1
```
#7391d1 rgb(115,145,209)
```
#6b8ed9
```
#6b8ed9 rgb(107,142,217)
```
#648be0
```
#648be0 rgb(100,139,224)
```
#5d89e7
```
#5d89e7 rgb(93,137,231)
```
#5686ee
```
#5686ee rgb(86,134,238)
```
#4f83f5
```
#4f83f5 rgb(79,131,245)
```
#4881fc
```
#4881fc rgb(72,129,252)
```

Tone Color Variation

Below, you can see how #5686ee 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

#848484 Achromatopsia 0.005% of the population
#7b8499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8cee Protanopia 1% of men
#3a91ec Deuteranopia 1% of men
#219da8 Tritanopia 0.001% of the population

Trichromacy

#5b8aee Protanomaly 1% of men, 0.01% of women
#448ded Deuteranomaly 6% of men, 0.4% of women
#3494c1 Tritanomaly 0.01% of the population

#5686ee hex color

#5686ee Color Information

#5686ee Color Conversion

Color Schemes with #5686ee

Alternatives to #5686ee

#5686ee Preview

Shades and Tints of #5686ee

Tones of #5686ee

Color Blindness Simulator