#5685f2 Color Information
In a RGB color space, hex #5685f2 is composed of 33.7% red, 52.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 45% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.9 degrees, a saturation of 85.7% and a lightness of 64.3%. #5685f2 color hex could be obtained by blending #acffff with #000be5. Closest websafe color is: #6699ff.
-
- R 34
- G 52
- B 95
-
- C 64
- M 45
- Y 0
- K 5
● #5685f2 color description : Soft blue.
#5685f2 Color Conversion
The hexadecimal color #5685f2 has RGB values of R:86, G:133, B:242 and CMYK values of C:0.64, M:0.45, Y:0, K:0.05. Its decimal value is 5670386.
Hex triplet | 5685f2 | #5685f2 |
---|---|---|
RGB Decimal | 86, 133, 242 | rgb(86,133,242) |
RGB Percent | 33.7, 52.2, 94.9 | rgb(33.7%,52.2%,94.9%) |
CMYK | 64, 45, 0, 5 | |
HSL | 221.9°, 85.7, 64.3 | hsl(221.9,85.7%,64.3%) |
HSV (or HSB) | 221.9°, 64.5, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.233, 18.014, -59.584 |
---|---|
XYZ | 28.249, 25.163, 87.368 |
xyY | 0.201, 0.179, 25.163 |
CIE-LCH | 57.233, 62.248, 286.821 |
CIE-LUV | 57.233, -21.303, -96.139 |
Hunter-Lab | 50.162, 12.738, -68.152 |
Binary | 01010110, 10000101, 11110010 |
Color Schemes with #5685f2
Alternatives to #5685f2
Below, you can see some colors close to #5685f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5685f2 Preview
This text has a font color of #5685f2.
<span style="color:#5685f2;">Text here</span>
This paragraph has a background color of #5685f2.
<p style="background-color:#5685f2;">Content here</p>
This element has a border color of #5685f2.
<div style="border:1px solid #5685f2;">Content here</div>
.text {color:#5685f2;}
.background {background-color:#5685f2;}
.border {border:1px solid #5685f2;}
Shades and Tints of #5685f2
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, #01050d is the darkest color, while #fafbff is the lightest one.
-
#01050d
#01050d
rgb(1,5,13)
-
#020b1f
#020b1f
rgb(2,11,31)
-
#041232
#041232
rgb(4,18,50)
-
#051844
#051844
rgb(5,24,68)
-
#071f56
#071f56
rgb(7,31,86)
-
#082568
#082568
rgb(8,37,104)
-
#092b7a
#092b7a
rgb(9,43,122)
-
#0b328d
#0b328d
rgb(11,50,141)
-
#0c389f
#0c389f
rgb(12,56,159)
-
#0e3fb1
#0e3fb1
rgb(14,63,177)
-
#0f45c3
#0f45c3
rgb(15,69,195)
-
#104cd6
#104cd6
rgb(16,76,214)
-
#1252e8
#1252e8
rgb(18,82,232)
-
#1f5eee
#1f5eee
rgb(31,94,238)
-
#326bef
#326bef
rgb(50,107,239)
-
#4478f1
#4478f1
rgb(68,120,241)
-
#5685f2
#5685f2
rgb(86,133,242)
-
#6892f3
#6892f3
rgb(104,146,243)
-
#7a9ff5
#7a9ff5
rgb(122,159,245)
-
#8dacf6
#8dacf6
rgb(141,172,246)
-
#9fbaf8
#9fbaf8
rgb(159,186,248)
-
#b1c7f9
#b1c7f9
rgb(177,199,249)
-
#c3d4fa
#c3d4fa
rgb(195,212,250)
-
#d6e1fc
#d6e1fc
rgb(214,225,252)
-
#e8eefd
#e8eefd
rgb(232,238,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #5685f2
A tone is produced by adding gray to any pure hue. In this case, #a3a4a5 is the less saturated color, while #4f82f9 is the most saturated one.
-
#a3a4a5
#a3a4a5
rgb(163,164,165)
-
#9ca1ac
#9ca1ac
rgb(156,161,172)
-
#959eb3
#959eb3
rgb(149,158,179)
-
#8e9bba
#8e9bba
rgb(142,155,186)
-
#8798c1
#8798c1
rgb(135,152,193)
-
#8096c8
#8096c8
rgb(128,150,200)
-
#7993cf
#7993cf
rgb(121,147,207)
-
#7290d6
#7290d6
rgb(114,144,214)
-
#6b8ddd
#6b8ddd
rgb(107,141,221)
-
#648be4
#648be4
rgb(100,139,228)
-
#5d88eb
#5d88eb
rgb(93,136,235)
-
#5685f2
#5685f2
rgb(86,133,242)
-
#4f82f9
#4f82f9
rgb(79,130,249)
Color Blindness Simulator
Below, you can see how #5685f2 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.