#5681ed hex color

In a RGB color space, hex #5681ed is composed of 33.7% red, 50.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 45.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 222.9 degrees, a saturation of 80.7% and a lightness of 63.3%. #5681ed color hex could be obtained by blending #acffff with #0003db. Closest websafe color is: #6699ff.

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

● #5681ed color description : Soft blue.

The hexadecimal color #5681ed has RGB values of R:86, G:129, B:237 and CMYK values of C:0.64, M:0.46, Y:0, K:0.07. Its decimal value is 5669357.

Hex triplet	5681ed	`#5681ed`
RGB Decimal	86, 129, 237	`rgb(86,129,237)`
RGB Percent	33.7, 50.6, 92.9	`rgb(33.7%,50.6%,92.9%)`
CMYK	64, 46, 0, 7
HSL	222.9°, 80.7, 63.3	`hsl(222.9,80.7%,63.3%)`
HSV (or HSB)	222.9°, 63.7, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.879, 18.743, -58.981
XYZ	26.971, 23.792, 83.287
xyY	0.201, 0.177, 23.792
CIE-LCH	55.879, 61.887, 287.63
CIE-LUV	55.879, -20.048, -94.757
Hunter-Lab	48.777, 13.341, -67.095
Binary	01010110, 10000001, 11101101

#5681ed
```
#5681ed rgb(86,129,237)
```
#edc256
```
#edc256 rgb(237,194,86)
```

Complementary Color

#56cded
```
#56cded rgb(86,205,237)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#7756ed
```
#7756ed rgb(119,86,237)
```

Analogous Color

#cded56
```
#cded56 rgb(205,237,86)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#ed7756
```
#ed7756 rgb(237,119,86)
```

Split Complementary Color

#81ed56
```
#81ed56 rgb(129,237,86)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#ed5681
```
#ed5681 rgb(237,86,129)
```

Triadic Color

#56edc2
```
#56edc2 rgb(86,237,194)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#ed5681
```
#ed5681 rgb(237,86,129)
```
#edc256
```
#edc256 rgb(237,194,86)
```

Tetradic Color

#1850df
```
#1850df rgb(24,80,223)
```
#285fe8
```
#285fe8 rgb(40,95,232)
```
#3f70eb
```
#3f70eb rgb(63,112,235)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#6d92ef
```
#6d92ef rgb(109,146,239)
```
#84a3f2
```
#84a3f2 rgb(132,163,242)
```
#9bb5f4
```
#9bb5f4 rgb(155,181,244)
```

Monochromatic Color

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

#56a7ed
```
#56a7ed rgb(86,167,237)
```
#569aed
```
#569aed rgb(86,154,237)
```
#568eed
```
#568eed rgb(86,142,237)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#5674ed
```
#5674ed rgb(86,116,237)
```
#5668ed
```
#5668ed rgb(86,104,237)
```
#565bed
```
#565bed rgb(86,91,237)
```

Similar Colors

Text with hexadecimal color #5681ed

This text has a font color of #5681ed.

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

#5681ed background color

This paragraph has a background color of #5681ed.

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

#5681ed border color

This element has a border color of #5681ed.

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

CSS codes

.text {color:#5681ed;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#03091a
```
#03091a rgb(3,9,26)
```
#05102c
```
#05102c rgb(5,16,44)
```
#07163d
```
#07163d rgb(7,22,61)
```
#081d4f
```
#081d4f rgb(8,29,79)
```
#0a2361
```
#0a2361 rgb(10,35,97)
```
#0c2973
```
#0c2973 rgb(12,41,115)
```
#0e3084
```
#0e3084 rgb(14,48,132)
```
#103696
```
#103696 rgb(16,54,150)
```
#123da8
```
#123da8 rgb(18,61,168)
```
#1443ba
```
#1443ba rgb(20,67,186)
```
#1649cb
```
#1649cb rgb(22,73,203)
```
#1850dd
```
#1850dd rgb(24,80,221)
```

Shade Color Variation

#2159e7
```
#2159e7 rgb(33,89,231)
```
#3367e9
```
#3367e9 rgb(51,103,233)
```
#4474eb
```
#4474eb rgb(68,116,235)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#688eef
```
#688eef rgb(104,142,239)
```
#799bf1
```
#799bf1 rgb(121,155,241)
```
#8ba9f3
```
#8ba9f3 rgb(139,169,243)
```
#9db6f5
```
#9db6f5 rgb(157,182,245)
```
#afc3f6
```
#afc3f6 rgb(175,195,246)
```
#c0d0f8
```
#c0d0f8 rgb(192,208,248)
```
#d2defa
```
#d2defa rgb(210,222,250)
```
#e4ebfc
```
#e4ebfc rgb(228,235,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#9ea0a5
```
#9ea0a5 rgb(158,160,165)
```
#979dac
```
#979dac rgb(151,157,172)
```
#909ab3
```
#909ab3 rgb(144,154,179)
```
#8897bb
```
#8897bb rgb(136,151,187)
```
#8194c2
```
#8194c2 rgb(129,148,194)
```
#7a90c9
```
#7a90c9 rgb(122,144,201)
```
#738dd0
```
#738dd0 rgb(115,141,208)
```
#6c8ad7
```
#6c8ad7 rgb(108,138,215)
```
#6487df
```
#6487df rgb(100,135,223)
```
#5d84e6
```
#5d84e6 rgb(93,132,230)
```
#5681ed
```
#5681ed rgb(86,129,237)
```
#4f7ef4
```
#4f7ef4 rgb(79,126,244)
```
#487bfb
```
#487bfb rgb(72,123,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#788096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5588ef Protanopia 1% of men
#278eeb Deuteranopia 1% of men
#1d99a4 Tritanopia 0.001% of the population

Trichromacy

#5586ee Protanomaly 1% of men, 0.01% of women
#3889eb Deuteranomaly 6% of men, 0.4% of women
#3290bf Tritanomaly 0.01% of the population

#5681ed hex color

#5681ed Color Information

#5681ed Color Conversion

Color Schemes with #5681ed

Alternatives to #5681ed

#5681ed Preview

Shades and Tints of #5681ed

Tones of #5681ed

Color Blindness Simulator