#5677a2 Color Information
In a RGB color space, hex #5677a2 is composed of 33.7% red, 46.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 26.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 213.9 degrees, a saturation of 30.6% and a lightness of 48.6%. #5677a2 color hex could be obtained by blending #aceeff with #000045. Closest websafe color is: #666699.
-
- R 34
- G 47
- B 64
-
- C 47
- M 27
- Y 0
- K 36
● #5677a2 color description : Dark moderate blue.
#5677a2 Color Conversion
The hexadecimal color #5677a2 has RGB values of R:86, G:119, B:162 and CMYK values of C:0.47, M:0.27, Y:0, K:0.36. Its decimal value is 5666722.
Hex triplet | 5677a2 | #5677a2 |
---|---|---|
RGB Decimal | 86, 119, 162 | rgb(86,119,162) |
RGB Percent | 33.7, 46.7, 63.5 | rgb(33.7%,46.7%,63.5%) |
CMYK | 47, 27, 0, 36 | |
HSL | 213.9°, 30.6, 48.6 | hsl(213.9,30.6%,48.6%) |
HSV (or HSB) | 213.9°, 46.9, 63.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.228, 0.307, -26.749 |
---|---|
XYZ | 16.955, 17.78, 36.719 |
xyY | 0.237, 0.249, 17.78 |
CIE-LCH | 49.228, 26.75, 270.657 |
CIE-LUV | 49.228, -16.401, -39.678 |
Hunter-Lab | 42.166, -2.018, -22.114 |
Binary | 01010110, 01110111, 10100010 |
Color Schemes with #5677a2
Alternatives to #5677a2
Below, you can see some colors close to #5677a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677a2 Preview
This text has a font color of #5677a2.
<span style="color:#5677a2;">Text here</span>
This paragraph has a background color of #5677a2.
<p style="background-color:#5677a2;">Content here</p>
This element has a border color of #5677a2.
<div style="border:1px solid #5677a2;">Content here</div>
.text {color:#5677a2;}
.background {background-color:#5677a2;}
.border {border:1px solid #5677a2;}
Shades and Tints of #5677a2
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, #040608 is the darkest color, while #fafbfd is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0b0f15
#0b0f15
rgb(11,15,21)
-
#121922
#121922
rgb(18,25,34)
-
#19222f
#19222f
rgb(25,34,47)
-
#202c3b
#202c3b
rgb(32,44,59)
-
#263548
#263548
rgb(38,53,72)
-
#2d3f55
#2d3f55
rgb(45,63,85)
-
#344862
#344862
rgb(52,72,98)
-
#3b516f
#3b516f
rgb(59,81,111)
-
#425b7c
#425b7c
rgb(66,91,124)
-
#486488
#486488
rgb(72,100,136)
-
#4f6e95
#4f6e95
rgb(79,110,149)
-
#5677a2
#5677a2
rgb(86,119,162)
-
#6181ab
#6181ab
rgb(97,129,171)
-
#6d8bb2
#6d8bb2
rgb(109,139,178)
-
#7a95b9
#7a95b9
rgb(122,149,185)
-
#87a0bf
#87a0bf
rgb(135,160,191)
-
#94aac6
#94aac6
rgb(148,170,198)
-
#a1b4cd
#a1b4cd
rgb(161,180,205)
-
#aebed4
#aebed4
rgb(174,190,212)
-
#bac8db
#bac8db
rgb(186,200,219)
-
#c7d3e1
#c7d3e1
rgb(199,211,225)
-
#d4dde8
#d4dde8
rgb(212,221,232)
-
#e1e7ef
#e1e7ef
rgb(225,231,239)
-
#eef1f6
#eef1f6
rgb(238,241,246)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #5677a2
A tone is produced by adding gray to any pure hue. In this case, #737b85 is the less saturated color, while #006cf8 is the most saturated one.
-
#737b85
#737b85
rgb(115,123,133)
-
#697a8f
#697a8f
rgb(105,122,143)
-
#607898
#607898
rgb(96,120,152)
-
#5677a2
#5677a2
rgb(86,119,162)
-
#4c76ac
#4c76ac
rgb(76,118,172)
-
#4374b5
#4374b5
rgb(67,116,181)
-
#3973bf
#3973bf
rgb(57,115,191)
-
#3072c8
#3072c8
rgb(48,114,200)
-
#2671d2
#2671d2
rgb(38,113,210)
-
#1d6fdb
#1d6fdb
rgb(29,111,219)
-
#136ee5
#136ee5
rgb(19,110,229)
-
#0a6dee
#0a6dee
rgb(10,109,238)
-
#006cf8
#006cf8
rgb(0,108,248)
Color Blindness Simulator
Below, you can see how #5677a2 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.