#5785f6 Color Information
In a RGB color space, hex #5785f6 is composed of 34.1% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.6 degrees, a saturation of 89.8% and a lightness of 65.3%. #5785f6 color hex could be obtained by blending #aeffff with #000bed. Closest websafe color is: #6699ff.
-
- R 34
- G 52
- B 96
-
- C 65
- M 46
- Y 0
- K 4
● #5785f6 color description : Soft blue.
#5785f6 Color Conversion
The hexadecimal color #5785f6 has RGB values of R:87, G:133, B:246 and CMYK values of C:0.65, M:0.46, Y:0, K:0.04. Its decimal value is 5735926.
Hex triplet | 5785f6 | #5785f6 |
---|---|---|
RGB Decimal | 87, 133, 246 | rgb(87,133,246) |
RGB Percent | 34.1, 52.2, 96.5 | rgb(34.1%,52.2%,96.5%) |
CMYK | 65, 46, 0, 4 | |
HSL | 222.6°, 89.8, 65.3 | hsl(222.6,89.8%,65.3%) |
HSV (or HSB) | 222.6°, 64.6, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.514, 19.537, -61.344 |
---|---|
XYZ | 28.949, 25.453, 90.571 |
xyY | 0.2, 0.176, 25.453 |
CIE-LCH | 57.514, 64.38, 287.666 |
CIE-LUV | 57.514, -21.059, -99.195 |
Hunter-Lab | 50.451, 14.134, -71.123 |
Binary | 01010111, 10000101, 11110110 |
Color Schemes with #5785f6
Alternatives to #5785f6
Below, you can see some colors close to #5785f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5785f6 Preview
This text has a font color of #5785f6.
<span style="color:#5785f6;">Text here</span>
This paragraph has a background color of #5785f6.
<p style="background-color:#5785f6;">Content here</p>
This element has a border color of #5785f6.
<div style="border:1px solid #5785f6;">Content here</div>
.text {color:#5785f6;}
.background {background-color:#5785f6;}
.border {border:1px solid #5785f6;}
Shades and Tints of #5785f6
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, #010612 is the darkest color, while #ffffff is the lightest one.
-
#010612
#010612
rgb(1,6,18)
-
#020c25
#020c25
rgb(2,12,37)
-
#031237
#031237
rgb(3,18,55)
-
#04184a
#04184a
rgb(4,24,74)
-
#051e5d
#051e5d
rgb(5,30,93)
-
#06246f
#06246f
rgb(6,36,111)
-
#072b82
#072b82
rgb(7,43,130)
-
#083195
#083195
rgb(8,49,149)
-
#0937a7
#0937a7
rgb(9,55,167)
-
#0a3dba
#0a3dba
rgb(10,61,186)
-
#0b43cc
#0b43cc
rgb(11,67,204)
-
#0c49df
#0c49df
rgb(12,73,223)
-
#0d4ff2
#0d4ff2
rgb(13,79,242)
-
#1f5cf3
#1f5cf3
rgb(31,92,243)
-
#326af4
#326af4
rgb(50,106,244)
-
#4477f5
#4477f5
rgb(68,119,245)
-
#5785f6
#5785f6
rgb(87,133,246)
-
#6a93f7
#6a93f7
rgb(106,147,247)
-
#7ca0f8
#7ca0f8
rgb(124,160,248)
-
#8faef9
#8faef9
rgb(143,174,249)
-
#a1bbfa
#a1bbfa
rgb(161,187,250)
-
#b4c9fb
#b4c9fb
rgb(180,201,251)
-
#c7d6fc
#c7d6fc
rgb(199,214,252)
-
#d9e4fd
#d9e4fd
rgb(217,228,253)
-
#ecf1fe
#ecf1fe
rgb(236,241,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5785f6
A tone is produced by adding gray to any pure hue. In this case, #a2a5ab is the less saturated color, while #5082fd is the most saturated one.
-
#a2a5ab
#a2a5ab
rgb(162,165,171)
-
#9ba2b2
#9ba2b2
rgb(155,162,178)
-
#949fb9
#949fb9
rgb(148,159,185)
-
#8d9cc0
#8d9cc0
rgb(141,156,192)
-
#8799c6
#8799c6
rgb(135,153,198)
-
#8096cd
#8096cd
rgb(128,150,205)
-
#7993d4
#7993d4
rgb(121,147,212)
-
#7290db
#7290db
rgb(114,144,219)
-
#6b8ee2
#6b8ee2
rgb(107,142,226)
-
#658be8
#658be8
rgb(101,139,232)
-
#5e88ef
#5e88ef
rgb(94,136,239)
-
#5785f6
#5785f6
rgb(87,133,246)
-
#5082fd
#5082fd
rgb(80,130,253)
Color Blindness Simulator
Below, you can see how #5785f6 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.