#677ba4 Color Information
In a RGB color space, hex #677ba4 is composed of 40.4% red, 48.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 25% magenta, 0% yellow and 35.7% black. It has a hue angle of 220.3 degrees, a saturation of 25.1% and a lightness of 52.4%. #677ba4 color hex could be obtained by blending #cef6ff with #000049. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 64
-
- C 37
- M 25
- Y 0
- K 36
● #677ba4 color description : Mostly desaturated dark blue.
#677ba4 Color Conversion
The hexadecimal color #677ba4 has RGB values of R:103, G:123, B:164 and CMYK values of C:0.37, M:0.25, Y:0, K:0.36. Its decimal value is 6781860.
Hex triplet | 677ba4 | #677ba4 |
---|---|---|
RGB Decimal | 103, 123, 164 | rgb(103,123,164) |
RGB Percent | 40.4, 48.2, 64.3 | rgb(40.4%,48.2%,64.3%) |
CMYK | 37, 25, 0, 36 | |
HSL | 220.3°, 25.1, 52.4 | hsl(220.3,25.1%,52.4%) |
HSV (or HSB) | 220.3°, 37.2, 64.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.53, 3.193, -24.266 |
---|---|
XYZ | 19.376, 19.729, 37.907 |
xyY | 0.252, 0.256, 19.729 |
CIE-LCH | 51.53, 24.475, 277.496 |
CIE-LUV | 51.53, -11.518, -36.489 |
Hunter-Lab | 44.418, 0.135, -19.507 |
Binary | 01100111, 01111011, 10100100 |
Color Schemes with #677ba4
Alternatives to #677ba4
Below, you can see some colors close to #677ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677ba4 Preview
This text has a font color of #677ba4.
<span style="color:#677ba4;">Text here</span>
This paragraph has a background color of #677ba4.
<p style="background-color:#677ba4;">Content here</p>
This element has a border color of #677ba4.
<div style="border:1px solid #677ba4;">Content here</div>
.text {color:#677ba4;}
.background {background-color:#677ba4;}
.border {border:1px solid #677ba4;}
Shades and Tints of #677ba4
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 #fafbfc is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0c0e14
#0c0e14
rgb(12,14,20)
-
#131720
#131720
rgb(19,23,32)
-
#1b202c
#1b202c
rgb(27,32,44)
-
#222939
#222939
rgb(34,41,57)
-
#293245
#293245
rgb(41,50,69)
-
#313b51
#313b51
rgb(49,59,81)
-
#38445d
#38445d
rgb(56,68,93)
-
#3f4d6a
#3f4d6a
rgb(63,77,106)
-
#475676
#475676
rgb(71,86,118)
-
#4e5f82
#4e5f82
rgb(78,95,130)
-
#55688e
#55688e
rgb(85,104,142)
-
#5d719b
#5d719b
rgb(93,113,155)
-
#677ba4
#677ba4
rgb(103,123,164)
-
#7386ab
#7386ab
rgb(115,134,171)
-
#8090b3
#8090b3
rgb(128,144,179)
-
#8c9bba
#8c9bba
rgb(140,155,186)
-
#98a6c1
#98a6c1
rgb(152,166,193)
-
#a4b0c9
#a4b0c9
rgb(164,176,201)
-
#b1bbd0
#b1bbd0
rgb(177,187,208)
-
#bdc6d7
#bdc6d7
rgb(189,198,215)
-
#c9d0df
#c9d0df
rgb(201,208,223)
-
#d5dbe6
#d5dbe6
rgb(213,219,230)
-
#e2e6ed
#e2e6ed
rgb(226,230,237)
-
#eef0f5
#eef0f5
rgb(238,240,245)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #677ba4
A tone is produced by adding gray to any pure hue. In this case, #838588 is the less saturated color, while #135ef8 is the most saturated one.
-
#838588
#838588
rgb(131,133,136)
-
#7a8191
#7a8191
rgb(122,129,145)
-
#707e9b
#707e9b
rgb(112,126,155)
-
#677ba4
#677ba4
rgb(103,123,164)
-
#5e78ad
#5e78ad
rgb(94,120,173)
-
#5475b7
#5475b7
rgb(84,117,183)
-
#4b71c0
#4b71c0
rgb(75,113,192)
-
#426ec9
#426ec9
rgb(66,110,201)
-
#386bd3
#386bd3
rgb(56,107,211)
-
#2f68dc
#2f68dc
rgb(47,104,220)
-
#2664e5
#2664e5
rgb(38,100,229)
-
#1c61ef
#1c61ef
rgb(28,97,239)
-
#135ef8
#135ef8
rgb(19,94,248)
Color Blindness Simulator
Below, you can see how #677ba4 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.