#5677c1 Color Information
In a RGB color space, hex #5677c1 is composed of 33.7% red, 46.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 38.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 221.5 degrees, a saturation of 46.3% and a lightness of 54.7%. #5677c1 color hex could be obtained by blending #aceeff with #000083. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 76
-
- C 55
- M 38
- Y 0
- K 24
● #5677c1 color description : Moderate blue.
#5677c1 Color Conversion
The hexadecimal color #5677c1 has RGB values of R:86, G:119, B:193 and CMYK values of C:0.55, M:0.38, Y:0, K:0.24. Its decimal value is 5666753.
Hex triplet | 5677c1 | #5677c1 |
---|---|---|
RGB Decimal | 86, 119, 193 | rgb(86,119,193) |
RGB Percent | 33.7, 46.7, 75.7 | rgb(33.7%,46.7%,75.7%) |
CMYK | 55, 38, 0, 24 | |
HSL | 221.5°, 46.3, 54.7 | hsl(221.5,46.3%,54.7%) |
HSV (or HSB) | 221.5°, 55.4, 75.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.712, 10.131, -42.369 |
---|---|
XYZ | 20.058, 19.021, 53.064 |
xyY | 0.218, 0.206, 19.021 |
CIE-LCH | 50.712, 43.563, 283.447 |
CIE-LUV | 50.712, -16.572, -65.82 |
Hunter-Lab | 43.613, 5.77, -41.608 |
Binary | 01010110, 01110111, 11000001 |
Color Schemes with #5677c1
Alternatives to #5677c1
Below, you can see some colors close to #5677c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677c1 Preview
This text has a font color of #5677c1.
<span style="color:#5677c1;">Text here</span>
This paragraph has a background color of #5677c1.
<p style="background-color:#5677c1;">Content here</p>
This element has a border color of #5677c1.
<div style="border:1px solid #5677c1;">Content here</div>
.text {color:#5677c1;}
.background {background-color:#5677c1;}
.border {border:1px solid #5677c1;}
Shades and Tints of #5677c1
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, #010203 is the darkest color, while #f4f6fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060a12
#060a12
rgb(6,10,18)
-
#0c1220
#0c1220
rgb(12,18,32)
-
#111a2e
#111a2e
rgb(17,26,46)
-
#16223d
#16223d
rgb(22,34,61)
-
#1c2a4b
#1c2a4b
rgb(28,42,75)
-
#213259
#213259
rgb(33,50,89)
-
#263a68
#263a68
rgb(38,58,104)
-
#2b4276
#2b4276
rgb(43,66,118)
-
#314a84
#314a84
rgb(49,74,132)
-
#365293
#365293
rgb(54,82,147)
-
#3b5ba1
#3b5ba1
rgb(59,91,161)
-
#4063af
#4063af
rgb(64,99,175)
-
#486bbc
#486bbc
rgb(72,107,188)
-
#5677c1
#5677c1
rgb(86,119,193)
-
#6483c6
#6483c6
rgb(100,131,198)
-
#738ecc
#738ecc
rgb(115,142,204)
-
#819ad1
#819ad1
rgb(129,154,209)
-
#8fa5d6
#8fa5d6
rgb(143,165,214)
-
#9eb1db
#9eb1db
rgb(158,177,219)
-
#acbce1
#acbce1
rgb(172,188,225)
-
#bac8e6
#bac8e6
rgb(186,200,230)
-
#c9d3eb
#c9d3eb
rgb(201,211,235)
-
#d7dff0
#d7dff0
rgb(215,223,240)
-
#e6eaf6
#e6eaf6
rgb(230,234,246)
-
#f4f6fb
#f4f6fb
rgb(244,246,251)
Tones of #5677c1
A tone is produced by adding gray to any pure hue. In this case, #8b8b8c is the less saturated color, while #2163f6 is the most saturated one.
-
#8b8b8c
#8b8b8c
rgb(139,139,140)
-
#828895
#828895
rgb(130,136,149)
-
#7a859d
#7a859d
rgb(122,133,157)
-
#7181a6
#7181a6
rgb(113,129,166)
-
#687eaf
#687eaf
rgb(104,126,175)
-
#5f7ab8
#5f7ab8
rgb(95,122,184)
-
#5677c1
#5677c1
rgb(86,119,193)
-
#4d74ca
#4d74ca
rgb(77,116,202)
-
#4470d3
#4470d3
rgb(68,112,211)
-
#3b6ddc
#3b6ddc
rgb(59,109,220)
-
#3269e5
#3269e5
rgb(50,105,229)
-
#2a66ed
#2a66ed
rgb(42,102,237)
-
#2163f6
#2163f6
rgb(33,99,246)
Color Blindness Simulator
Below, you can see how #5677c1 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.