#5678c5 Color Information
In a RGB color space, hex #5678c5 is composed of 33.7% red, 47.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 39.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 221.6 degrees, a saturation of 48.9% and a lightness of 55.5%. #5678c5 color hex could be obtained by blending #acf0ff with #00008b. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 77
-
- C 56
- M 39
- Y 0
- K 23
● #5678c5 color description : Moderate blue.
#5678c5 Color Conversion
The hexadecimal color #5678c5 has RGB values of R:86, G:120, B:197 and CMYK values of C:0.56, M:0.39, Y:0, K:0.23. Its decimal value is 5667013.
Hex triplet | 5678c5 | #5678c5 |
---|---|---|
RGB Decimal | 86, 120, 197 | rgb(86,120,197) |
RGB Percent | 33.7, 47.1, 77.3 | rgb(33.7%,47.1%,77.3%) |
CMYK | 56, 39, 0, 23 | |
HSL | 221.6°, 48.9, 55.5 | hsl(221.6,48.9%,55.5%) |
HSV (or HSB) | 221.6°, 56.3, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.2, 10.832, -43.887 |
---|---|
XYZ | 20.63, 19.442, 55.486 |
xyY | 0.216, 0.203, 19.442 |
CIE-LCH | 51.2, 45.204, 283.864 |
CIE-LUV | 51.2, -16.946, -68.44 |
Hunter-Lab | 44.093, 6.355, -43.745 |
Binary | 01010110, 01111000, 11000101 |
Color Schemes with #5678c5
Alternatives to #5678c5
Below, you can see some colors close to #5678c5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5678c5 Preview
This text has a font color of #5678c5.
<span style="color:#5678c5;">Text here</span>
This paragraph has a background color of #5678c5.
<p style="background-color:#5678c5;">Content here</p>
This element has a border color of #5678c5.
<div style="border:1px solid #5678c5;">Content here</div>
.text {color:#5678c5;}
.background {background-color:#5678c5;}
.border {border:1px solid #5678c5;}
Shades and Tints of #5678c5
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, #020306 is the darkest color, while #f7f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070b15
#070b15
rgb(7,11,21)
-
#0c1323
#0c1323
rgb(12,19,35)
-
#111b32
#111b32
rgb(17,27,50)
-
#162341
#162341
rgb(22,35,65)
-
#1b2b4f
#1b2b4f
rgb(27,43,79)
-
#20335e
#20335e
rgb(32,51,94)
-
#253b6c
#253b6c
rgb(37,59,108)
-
#2a437b
#2a437b
rgb(42,67,123)
-
#2f4b8a
#2f4b8a
rgb(47,75,138)
-
#345398
#345398
rgb(52,83,152)
-
#395ba7
#395ba7
rgb(57,91,167)
-
#3e63b5
#3e63b5
rgb(62,99,181)
-
#476cc0
#476cc0
rgb(71,108,192)
-
#5678c5
#5678c5
rgb(86,120,197)
-
#6584ca
#6584ca
rgb(101,132,202)
-
#738fcf
#738fcf
rgb(115,143,207)
-
#829bd4
#829bd4
rgb(130,155,212)
-
#90a7d9
#90a7d9
rgb(144,167,217)
-
#9fb2de
#9fb2de
rgb(159,178,222)
-
#aebee3
#aebee3
rgb(174,190,227)
-
#bccae8
#bccae8
rgb(188,202,232)
-
#cbd5ed
#cbd5ed
rgb(203,213,237)
-
#d9e1f2
#d9e1f2
rgb(217,225,242)
-
#e8edf7
#e8edf7
rgb(232,237,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #5678c5
A tone is produced by adding gray to any pure hue. In this case, #8a8c91 is the less saturated color, while #2264f9 is the most saturated one.
-
#8a8c91
#8a8c91
rgb(138,140,145)
-
#828999
#828999
rgb(130,137,153)
-
#7986a2
#7986a2
rgb(121,134,162)
-
#7082ab
#7082ab
rgb(112,130,171)
-
#677fb4
#677fb4
rgb(103,127,180)
-
#5f7bbc
#5f7bbc
rgb(95,123,188)
-
#5678c5
#5678c5
rgb(86,120,197)
-
#4d75ce
#4d75ce
rgb(77,117,206)
-
#4571d6
#4571d6
rgb(69,113,214)
-
#3c6edf
#3c6edf
rgb(60,110,223)
-
#336ae8
#336ae8
rgb(51,106,232)
-
#2a67f1
#2a67f1
rgb(42,103,241)
-
#2264f9
#2264f9
rgb(34,100,249)
Color Blindness Simulator
Below, you can see how #5678c5 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.