#5677c2 Color Information
In a RGB color space, hex #5677c2 is composed of 33.7% red, 46.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 38.7% magenta, 0% yellow and 23.9% black. It has a hue angle of 221.7 degrees, a saturation of 47% and a lightness of 54.9%. #5677c2 color hex could be obtained by blending #aceeff with #000085. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 76
-
- C 56
- M 39
- Y 0
- K 24
● #5677c2 color description : Moderate blue.
#5677c2 Color Conversion
The hexadecimal color #5677c2 has RGB values of R:86, G:119, B:194 and CMYK values of C:0.56, M:0.39, Y:0, K:0.24. Its decimal value is 5666754.
Hex triplet | 5677c2 | #5677c2 |
---|---|---|
RGB Decimal | 86, 119, 194 | rgb(86,119,194) |
RGB Percent | 33.7, 46.7, 76.1 | rgb(33.7%,46.7%,76.1%) |
CMYK | 56, 39, 0, 24 | |
HSL | 221.7°, 47, 54.9 | hsl(221.7,47%,54.9%) |
HSV (or HSB) | 221.7°, 55.7, 76.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.764, 10.458, -42.859 |
---|---|
XYZ | 20.17, 19.066, 53.653 |
xyY | 0.217, 0.205, 19.066 |
CIE-LCH | 50.764, 44.117, 283.713 |
CIE-LUV | 50.764, -16.579, -66.648 |
Hunter-Lab | 43.665, 6.041, -42.288 |
Binary | 01010110, 01110111, 11000010 |
Color Schemes with #5677c2
Alternatives to #5677c2
Below, you can see some colors close to #5677c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677c2 Preview
This text has a font color of #5677c2.
<span style="color:#5677c2;">Text here</span>
This paragraph has a background color of #5677c2.
<p style="background-color:#5677c2;">Content here</p>
This element has a border color of #5677c2.
<div style="border:1px solid #5677c2;">Content here</div>
.text {color:#5677c2;}
.background {background-color:#5677c2;}
.border {border:1px solid #5677c2;}
Shades and Tints of #5677c2
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, #010204 is the darkest color, while #f5f7fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#070a12
#070a12
rgb(7,10,18)
-
#0c1221
#0c1221
rgb(12,18,33)
-
#111a2f
#111a2f
rgb(17,26,47)
-
#16223e
#16223e
rgb(22,34,62)
-
#1b2a4c
#1b2a4c
rgb(27,42,76)
-
#21325a
#21325a
rgb(33,50,90)
-
#263a69
#263a69
rgb(38,58,105)
-
#2b4277
#2b4277
rgb(43,66,119)
-
#304a86
#304a86
rgb(48,74,134)
-
#355294
#355294
rgb(53,82,148)
-
#3b5aa3
#3b5aa3
rgb(59,90,163)
-
#4062b1
#4062b1
rgb(64,98,177)
-
#486bbd
#486bbd
rgb(72,107,189)
-
#5677c2
#5677c2
rgb(86,119,194)
-
#6483c7
#6483c7
rgb(100,131,199)
-
#738ecc
#738ecc
rgb(115,142,204)
-
#819ad2
#819ad2
rgb(129,154,210)
-
#90a5d7
#90a5d7
rgb(144,165,215)
-
#9eb1dc
#9eb1dc
rgb(158,177,220)
-
#acbde1
#acbde1
rgb(172,189,225)
-
#bbc8e6
#bbc8e6
rgb(187,200,230)
-
#c9d4ec
#c9d4ec
rgb(201,212,236)
-
#d8dff1
#d8dff1
rgb(216,223,241)
-
#e6ebf6
#e6ebf6
rgb(230,235,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #5677c2
A tone is produced by adding gray to any pure hue. In this case, #8b8c8d is the less saturated color, while #2162f7 is the most saturated one.
-
#8b8c8d
#8b8c8d
rgb(139,140,141)
-
#828896
#828896
rgb(130,136,150)
-
#79859f
#79859f
rgb(121,133,159)
-
#7181a7
#7181a7
rgb(113,129,167)
-
#687eb0
#687eb0
rgb(104,126,176)
-
#5f7ab9
#5f7ab9
rgb(95,122,185)
-
#5677c2
#5677c2
rgb(86,119,194)
-
#4d74cb
#4d74cb
rgb(77,116,203)
-
#4470d4
#4470d4
rgb(68,112,212)
-
#3b6ddd
#3b6ddd
rgb(59,109,221)
-
#3369e5
#3369e5
rgb(51,105,229)
-
#2a66ee
#2a66ee
rgb(42,102,238)
-
#2162f7
#2162f7
rgb(33,98,247)
Color Blindness Simulator
Below, you can see how #5677c2 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.