#5684ef Color Information
In a RGB color space, hex #5684ef is composed of 33.7% red, 51.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 44.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 222 degrees, a saturation of 82.7% and a lightness of 63.7%. #5684ef color hex could be obtained by blending #acffff with #0009df. Closest websafe color is: #6699ff.
-
- R 34
- G 52
- B 94
-
- C 64
- M 45
- Y 0
- K 6
● #5684ef color description : Soft blue.
#5684ef Color Conversion
The hexadecimal color #5684ef has RGB values of R:86, G:132, B:239 and CMYK values of C:0.64, M:0.45, Y:0, K:0.06. Its decimal value is 5670127.
Hex triplet | 5684ef | #5684ef |
---|---|---|
RGB Decimal | 86, 132, 239 | rgb(86,132,239) |
RGB Percent | 33.7, 51.8, 93.7 | rgb(33.7%,51.8%,93.7%) |
CMYK | 64, 45, 0, 6 | |
HSL | 222°, 82.7, 63.7 | hsl(222,82.7%,63.7%) |
HSV (or HSB) | 222°, 64, 93.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.793, 17.6, -58.627 |
---|---|
XYZ | 27.666, 24.711, 84.968 |
xyY | 0.201, 0.18, 24.711 |
CIE-LCH | 56.793, 61.212, 286.71 |
CIE-LUV | 56.793, -20.993, -94.413 |
Hunter-Lab | 49.71, 12.348, -66.545 |
Binary | 01010110, 10000100, 11101111 |
Color Schemes with #5684ef
Alternatives to #5684ef
Below, you can see some colors close to #5684ef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5684ef Preview
This text has a font color of #5684ef.
<span style="color:#5684ef;">Text here</span>
This paragraph has a background color of #5684ef.
<p style="background-color:#5684ef;">Content here</p>
This element has a border color of #5684ef.
<div style="border:1px solid #5684ef;">Content here</div>
.text {color:#5684ef;}
.background {background-color:#5684ef;}
.border {border:1px solid #5684ef;}
Shades and Tints of #5684ef
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, #01040a is the darkest color, while #f7f9fe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#030a1c
#030a1c
rgb(3,10,28)
-
#04112e
#04112e
rgb(4,17,46)
-
#061740
#061740
rgb(6,23,64)
-
#081e52
#081e52
rgb(8,30,82)
-
#092564
#092564
rgb(9,37,100)
-
#0b2b76
#0b2b76
rgb(11,43,118)
-
#0d3288
#0d3288
rgb(13,50,136)
-
#0f389a
#0f389a
rgb(15,56,154)
-
#103fab
#103fab
rgb(16,63,171)
-
#1245bd
#1245bd
rgb(18,69,189)
-
#144ccf
#144ccf
rgb(20,76,207)
-
#1553e1
#1553e1
rgb(21,83,225)
-
#205dea
#205dea
rgb(32,93,234)
-
#326aec
#326aec
rgb(50,106,236)
-
#4477ed
#4477ed
rgb(68,119,237)
-
#5684ef
#5684ef
rgb(86,132,239)
-
#6891f1
#6891f1
rgb(104,145,241)
-
#7a9ef2
#7a9ef2
rgb(122,158,242)
-
#8cabf4
#8cabf4
rgb(140,171,244)
-
#9eb8f6
#9eb8f6
rgb(158,184,246)
-
#b0c5f7
#b0c5f7
rgb(176,197,247)
-
#c2d2f9
#c2d2f9
rgb(194,210,249)
-
#d3dffb
#d3dffb
rgb(211,223,251)
-
#e5ecfd
#e5ecfd
rgb(229,236,253)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #5684ef
A tone is produced by adding gray to any pure hue. In this case, #9da0a8 is the less saturated color, while #487efd is the most saturated one.
-
#9da0a8
#9da0a8
rgb(157,160,168)
-
#969eaf
#969eaf
rgb(150,158,175)
-
#8f9bb6
#8f9bb6
rgb(143,155,182)
-
#8898bd
#8898bd
rgb(136,152,189)
-
#8195c4
#8195c4
rgb(129,149,196)
-
#7a92cb
#7a92cb
rgb(122,146,203)
-
#728fd3
#728fd3
rgb(114,143,211)
-
#6b8dda
#6b8dda
rgb(107,141,218)
-
#648ae1
#648ae1
rgb(100,138,225)
-
#5d87e8
#5d87e8
rgb(93,135,232)
-
#5684ef
#5684ef
rgb(86,132,239)
-
#4f81f6
#4f81f6
rgb(79,129,246)
-
#487efd
#487efd
rgb(72,126,253)
Color Blindness Simulator
Below, you can see how #5684ef 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.