#677a97 Color Information
In a RGB color space, hex #677a97 is composed of 40.4% red, 47.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 19.2% magenta, 0% yellow and 40.8% black. It has a hue angle of 216.3 degrees, a saturation of 18.9% and a lightness of 49.8%. #677a97 color hex could be obtained by blending #cef4ff with #00002f. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 59
-
- C 32
- M 19
- Y 0
- K 41
● #677a97 color description : Mostly desaturated dark blue.
#677a97 Color Conversion
The hexadecimal color #677a97 has RGB values of R:103, G:122, B:151 and CMYK values of C:0.32, M:0.19, Y:0, K:0.41. Its decimal value is 6781591.
Hex triplet | 677a97 | #677a97 |
---|---|---|
RGB Decimal | 103, 122, 151 | rgb(103,122,151) |
RGB Percent | 40.4, 47.8, 59.2 | rgb(40.4%,47.8%,59.2%) |
CMYK | 32, 19, 0, 41 | |
HSL | 216.3°, 18.9, 49.8 | hsl(216.3,18.9%,49.8%) |
HSV (or HSB) | 216.3°, 31.8, 59.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.73, 0.234, -17.914 |
---|---|
XYZ | 18.138, 19.036, 31.995 |
xyY | 0.262, 0.275, 19.036 |
CIE-LCH | 50.73, 17.915, 270.748 |
CIE-LUV | 50.73, -10.758, -26.157 |
Hunter-Lab | 43.631, -2.15, -12.937 |
Binary | 01100111, 01111010, 10010111 |
Color Schemes with #677a97
Alternatives to #677a97
Below, you can see some colors close to #677a97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677a97 Preview
This text has a font color of #677a97.
<span style="color:#677a97;">Text here</span>
This paragraph has a background color of #677a97.
<p style="background-color:#677a97;">Content here</p>
This element has a border color of #677a97.
<div style="border:1px solid #677a97;">Content here</div>
.text {color:#677a97;}
.background {background-color:#677a97;}
.border {border:1px solid #677a97;}
Shades and Tints of #677a97
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, #08090b is the darkest color, while #fefeff is the lightest one.
-
#08090b
#08090b
rgb(8,9,11)
-
#101217
#101217
rgb(16,18,23)
-
#171c22
#171c22
rgb(23,28,34)
-
#1f252e
#1f252e
rgb(31,37,46)
-
#272f3a
#272f3a
rgb(39,47,58)
-
#2f3845
#2f3845
rgb(47,56,69)
-
#374151
#374151
rgb(55,65,81)
-
#3f4b5d
#3f4b5d
rgb(63,75,93)
-
#475468
#475468
rgb(71,84,104)
-
#4f5e74
#4f5e74
rgb(79,94,116)
-
#576780
#576780
rgb(87,103,128)
-
#5f718b
#5f718b
rgb(95,113,139)
-
#677a97
#677a97
rgb(103,122,151)
-
#72849f
#72849f
rgb(114,132,159)
-
#7e8ea7
#7e8ea7
rgb(126,142,167)
-
#8a99af
#8a99af
rgb(138,153,175)
-
#95a3b7
#95a3b7
rgb(149,163,183)
-
#a1adbf
#a1adbf
rgb(161,173,191)
-
#adb7c7
#adb7c7
rgb(173,183,199)
-
#b8c1cf
#b8c1cf
rgb(184,193,207)
-
#c4ccd7
#c4ccd7
rgb(196,204,215)
-
#d0d6df
#d0d6df
rgb(208,214,223)
-
#dbe0e7
#dbe0e7
rgb(219,224,231)
-
#e7eaef
#e7eaef
rgb(231,234,239)
-
#f3f4f7
#f3f4f7
rgb(243,244,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #677a97
A tone is produced by adding gray to any pure hue. In this case, #7b7e83 is the less saturated color, while #0566f9 is the most saturated one.
-
#7b7e83
#7b7e83
rgb(123,126,131)
-
#717c8d
#717c8d
rgb(113,124,141)
-
#677a97
#677a97
rgb(103,122,151)
-
#5d78a1
#5d78a1
rgb(93,120,161)
-
#5376ab
#5376ab
rgb(83,118,171)
-
#4a74b4
#4a74b4
rgb(74,116,180)
-
#4072be
#4072be
rgb(64,114,190)
-
#3670c8
#3670c8
rgb(54,112,200)
-
#2c6ed2
#2c6ed2
rgb(44,110,210)
-
#236cdb
#236cdb
rgb(35,108,219)
-
#196ae5
#196ae5
rgb(25,106,229)
-
#0f68ef
#0f68ef
rgb(15,104,239)
-
#0566f9
#0566f9
rgb(5,102,249)
Color Blindness Simulator
Below, you can see how #677a97 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.