#677aa7 Color Information
In a RGB color space, hex #677aa7 is composed of 40.4% red, 47.8% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 26.9% magenta, 0% yellow and 34.5% black. It has a hue angle of 222.2 degrees, a saturation of 26.7% and a lightness of 52.9%. #677aa7 color hex could be obtained by blending #cef4ff with #00004f. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 65
-
- C 38
- M 27
- Y 0
- K 35
● #677aa7 color description : Mostly desaturated dark blue.
#677aa7 Color Conversion
The hexadecimal color #677aa7 has RGB values of R:103, G:122, B:167 and CMYK values of C:0.38, M:0.27, Y:0, K:0.35. Its decimal value is 6781607.
Hex triplet | 677aa7 | #677aa7 |
---|---|---|
RGB Decimal | 103, 122, 167 | rgb(103,122,167) |
RGB Percent | 40.4, 47.8, 65.5 | rgb(40.4%,47.8%,65.5%) |
CMYK | 38, 27, 0, 35 | |
HSL | 222.2°, 26.7, 52.9 | hsl(222.2,26.7%,52.9%) |
HSV (or HSB) | 222.2°, 38.3, 65.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.373, 4.63, -26.251 |
---|---|
XYZ | 19.527, 19.592, 39.31 |
xyY | 0.249, 0.25, 19.592 |
CIE-LCH | 51.373, 26.656, 280.003 |
CIE-LUV | 51.373, -11.193, -39.764 |
Hunter-Lab | 44.263, 1.285, -21.671 |
Binary | 01100111, 01111010, 10100111 |
Color Schemes with #677aa7
Alternatives to #677aa7
Below, you can see some colors close to #677aa7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677aa7 Preview
This text has a font color of #677aa7.
<span style="color:#677aa7;">Text here</span>
This paragraph has a background color of #677aa7.
<p style="background-color:#677aa7;">Content here</p>
This element has a border color of #677aa7.
<div style="border:1px solid #677aa7;">Content here</div>
.text {color:#677aa7;}
.background {background-color:#677aa7;}
.border {border:1px solid #677aa7;}
Shades and Tints of #677aa7
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, #050709 is the darkest color, while #fcfcfd is the lightest one.
-
#050709
#050709
rgb(5,7,9)
-
#0d0f16
#0d0f16
rgb(13,15,22)
-
#141822
#141822
rgb(20,24,34)
-
#1b212f
#1b212f
rgb(27,33,47)
-
#222a3b
#222a3b
rgb(34,42,59)
-
#293248
#293248
rgb(41,50,72)
-
#313b54
#313b54
rgb(49,59,84)
-
#384460
#384460
rgb(56,68,96)
-
#3f4d6d
#3f4d6d
rgb(63,77,109)
-
#465579
#465579
rgb(70,85,121)
-
#4d5e86
#4d5e86
rgb(77,94,134)
-
#556792
#556792
rgb(85,103,146)
-
#5c709f
#5c709f
rgb(92,112,159)
-
#677aa7
#677aa7
rgb(103,122,167)
-
#7385ae
#7385ae
rgb(115,133,174)
-
#8090b5
#8090b5
rgb(128,144,181)
-
#8c9bbd
#8c9bbd
rgb(140,155,189)
-
#99a5c4
#99a5c4
rgb(153,165,196)
-
#a5b0cb
#a5b0cb
rgb(165,176,203)
-
#b2bbd2
#b2bbd2
rgb(178,187,210)
-
#bec6d9
#bec6d9
rgb(190,198,217)
-
#cad1e1
#cad1e1
rgb(202,209,225)
-
#d7dce8
#d7dce8
rgb(215,220,232)
-
#e3e7ef
#e3e7ef
rgb(227,231,239)
-
#f0f2f6
#f0f2f6
rgb(240,242,246)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #677aa7
A tone is produced by adding gray to any pure hue. In this case, #83858b is the less saturated color, while #1458fa is the most saturated one.
-
#83858b
#83858b
rgb(131,133,139)
-
#798295
#798295
rgb(121,130,149)
-
#707e9e
#707e9e
rgb(112,126,158)
-
#677aa7
#677aa7
rgb(103,122,167)
-
#5e76b0
#5e76b0
rgb(94,118,176)
-
#5573b9
#5573b9
rgb(85,115,185)
-
#4b6fc3
#4b6fc3
rgb(75,111,195)
-
#426bcc
#426bcc
rgb(66,107,204)
-
#3967d5
#3967d5
rgb(57,103,213)
-
#3064de
#3064de
rgb(48,100,222)
-
#2660e8
#2660e8
rgb(38,96,232)
-
#1d5cf1
#1d5cf1
rgb(29,92,241)
-
#1458fa
#1458fa
rgb(20,88,250)
Color Blindness Simulator
Below, you can see how #677aa7 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.