#5682ee Color Information
In a RGB color space, hex #5682ee is composed of 33.7% red, 51% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 45.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 222.6 degrees, a saturation of 81.7% and a lightness of 63.5%. #5682ee color hex could be obtained by blending #acffff with #0005dd. Closest websafe color is: #6699ff.
-
- R 34
- G 51
- B 93
-
- C 64
- M 45
- Y 0
- K 7
● #5682ee color description : Soft blue.
#5682ee Color Conversion
The hexadecimal color #5682ee has RGB values of R:86, G:130, B:238 and CMYK values of C:0.64, M:0.45, Y:0, K:0.07. Its decimal value is 5669614.
Hex triplet | 5682ee | #5682ee |
---|---|---|
RGB Decimal | 86, 130, 238 | rgb(86,130,238) |
RGB Percent | 33.7, 51, 93.3 | rgb(33.7%,51%,93.3%) |
CMYK | 64, 45, 0, 7 | |
HSL | 222.6°, 81.7, 63.5 | hsl(222.6,81.7%,63.5%) |
HSV (or HSB) | 222.6°, 63.9, 93.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.203, 18.475, -59.017 |
---|---|
XYZ | 27.25, 24.115, 84.103 |
xyY | 0.201, 0.178, 24.115 |
CIE-LCH | 56.203, 61.841, 287.382 |
CIE-LUV | 56.203, -20.363, -94.908 |
Hunter-Lab | 49.107, 13.113, -67.168 |
Binary | 01010110, 10000010, 11101110 |
Color Schemes with #5682ee
Alternatives to #5682ee
Below, you can see some colors close to #5682ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5682ee Preview
This text has a font color of #5682ee.
<span style="color:#5682ee;">Text here</span>
This paragraph has a background color of #5682ee.
<p style="background-color:#5682ee;">Content here</p>
This element has a border color of #5682ee.
<div style="border:1px solid #5682ee;">Content here</div>
.text {color:#5682ee;}
.background {background-color:#5682ee;}
.border {border:1px solid #5682ee;}
Shades and Tints of #5682ee
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, #010309 is the darkest color, while #f6f9fe is the lightest one.
-
#010309
#010309
rgb(1,3,9)
-
#030a1b
#030a1b
rgb(3,10,27)
-
#05102d
#05102d
rgb(5,16,45)
-
#06173f
#06173f
rgb(6,23,63)
-
#081d51
#081d51
rgb(8,29,81)
-
#0a2362
#0a2362
rgb(10,35,98)
-
#0c2a74
#0c2a74
rgb(12,42,116)
-
#0d3086
#0d3086
rgb(13,48,134)
-
#0f3798
#0f3798
rgb(15,55,152)
-
#113daa
#113daa
rgb(17,61,170)
-
#1344bb
#1344bb
rgb(19,68,187)
-
#154acd
#154acd
rgb(21,74,205)
-
#1651df
#1651df
rgb(22,81,223)
-
#215ae9
#215ae9
rgb(33,90,233)
-
#3268ea
#3268ea
rgb(50,104,234)
-
#4475ec
#4475ec
rgb(68,117,236)
-
#5682ee
#5682ee
rgb(86,130,238)
-
#688ff0
#688ff0
rgb(104,143,240)
-
#7a9cf2
#7a9cf2
rgb(122,156,242)
-
#8baaf3
#8baaf3
rgb(139,170,243)
-
#9db7f5
#9db7f5
rgb(157,183,245)
-
#afc4f7
#afc4f7
rgb(175,196,247)
-
#c1d1f9
#c1d1f9
rgb(193,209,249)
-
#d3defb
#d3defb
rgb(211,222,251)
-
#e5ebfc
#e5ebfc
rgb(229,235,252)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #5682ee
A tone is produced by adding gray to any pure hue. In this case, #9ea0a6 is the less saturated color, while #487cfc is the most saturated one.
-
#9ea0a6
#9ea0a6
rgb(158,160,166)
-
#969dae
#969dae
rgb(150,157,174)
-
#8f9ab5
#8f9ab5
rgb(143,154,181)
-
#8897bc
#8897bc
rgb(136,151,188)
-
#8194c3
#8194c3
rgb(129,148,195)
-
#7a91ca
#7a91ca
rgb(122,145,202)
-
#738ed1
#738ed1
rgb(115,142,209)
-
#6b8bd9
#6b8bd9
rgb(107,139,217)
-
#6488e0
#6488e0
rgb(100,136,224)
-
#5d85e7
#5d85e7
rgb(93,133,231)
-
#5682ee
#5682ee
rgb(86,130,238)
-
#4f7ff5
#4f7ff5
rgb(79,127,245)
-
#487cfc
#487cfc
rgb(72,124,252)
Color Blindness Simulator
Below, you can see how #5682ee 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.