#5678b5 Color Information
In a RGB color space, hex #5678b5 is composed of 33.7% red, 47.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 33.7% magenta, 0% yellow and 29% black. It has a hue angle of 218.5 degrees, a saturation of 39.1% and a lightness of 52.4%. #5678b5 color hex could be obtained by blending #acf0ff with #00006b. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 71
-
- C 52
- M 34
- Y 0
- K 29
● #5678b5 color description : Moderate blue.
#5678b5 Color Conversion
The hexadecimal color #5678b5 has RGB values of R:86, G:120, B:181 and CMYK values of C:0.52, M:0.34, Y:0, K:0.29. Its decimal value is 5666997.
Hex triplet | 5678b5 | #5678b5 |
---|---|---|
RGB Decimal | 86, 120, 181 | rgb(86,120,181) |
RGB Percent | 33.7, 47.1, 71 | rgb(33.7%,47.1%,71%) |
CMYK | 52, 34, 0, 29 | |
HSL | 218.5°, 39.1, 52.4 | hsl(218.5,39.1%,52.4%) |
HSV (or HSB) | 218.5°, 52.5, 71 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.389, 5.642, -35.971 |
---|---|
XYZ | 18.893, 18.747, 46.336 |
xyY | 0.225, 0.223, 18.747 |
CIE-LCH | 50.389, 36.411, 278.914 |
CIE-LUV | 50.389, -16.858, -55.089 |
Hunter-Lab | 43.297, 2.118, -33.143 |
Binary | 01010110, 01111000, 10110101 |
Color Schemes with #5678b5
Alternatives to #5678b5
Below, you can see some colors close to #5678b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5678b5 Preview
This text has a font color of #5678b5.
<span style="color:#5678b5;">Text here</span>
This paragraph has a background color of #5678b5.
<p style="background-color:#5678b5;">Content here</p>
This element has a border color of #5678b5.
<div style="border:1px solid #5678b5;">Content here</div>
.text {color:#5678b5;}
.background {background-color:#5678b5;}
.border {border:1px solid #5678b5;}
Shades and Tints of #5678b5
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, #040508 is the darkest color, while #fafbfd is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0a0e16
#0a0e16
rgb(10,14,22)
-
#101724
#101724
rgb(16,23,36)
-
#161f31
#161f31
rgb(22,31,49)
-
#1c283f
#1c283f
rgb(28,40,63)
-
#22314d
#22314d
rgb(34,49,77)
-
#273a5a
#273a5a
rgb(39,58,90)
-
#2d4268
#2d4268
rgb(45,66,104)
-
#334b75
#334b75
rgb(51,75,117)
-
#395483
#395483
rgb(57,84,131)
-
#3f5d91
#3f5d91
rgb(63,93,145)
-
#45659e
#45659e
rgb(69,101,158)
-
#4b6eac
#4b6eac
rgb(75,110,172)
-
#5678b5
#5678b5
rgb(86,120,181)
-
#6483bb
#6483bb
rgb(100,131,187)
-
#718ec1
#718ec1
rgb(113,142,193)
-
#7f99c7
#7f99c7
rgb(127,153,199)
-
#8da4cd
#8da4cd
rgb(141,164,205)
-
#9aaed3
#9aaed3
rgb(154,174,211)
-
#a8b9d9
#a8b9d9
rgb(168,185,217)
-
#b5c4df
#b5c4df
rgb(181,196,223)
-
#c3cfe5
#c3cfe5
rgb(195,207,229)
-
#d1daeb
#d1daeb
rgb(209,218,235)
-
#dee5f1
#dee5f1
rgb(222,229,241)
-
#ecf0f7
#ecf0f7
rgb(236,240,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #5678b5
A tone is produced by adding gray to any pure hue. In this case, #858586 is the less saturated color, while #1565f6 is the most saturated one.
-
#858586
#858586
rgb(133,133,134)
-
#7b8390
#7b8390
rgb(123,131,144)
-
#728099
#728099
rgb(114,128,153)
-
#697da2
#697da2
rgb(105,125,162)
-
#5f7bac
#5f7bac
rgb(95,123,172)
-
#5678b5
#5678b5
rgb(86,120,181)
-
#4d75be
#4d75be
rgb(77,117,190)
-
#4373c8
#4373c8
rgb(67,115,200)
-
#3a70d1
#3a70d1
rgb(58,112,209)
-
#316dda
#316dda
rgb(49,109,218)
-
#276be4
#276be4
rgb(39,107,228)
-
#1e68ed
#1e68ed
rgb(30,104,237)
-
#1565f6
#1565f6
rgb(21,101,246)
Color Blindness Simulator
Below, you can see how #5678b5 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.