#677f97 Color Information
In a RGB color space, hex #677f97 is composed of 40.4% red, 49.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 15.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 210 degrees, a saturation of 18.9% and a lightness of 49.8%. #677f97 color hex could be obtained by blending #cefeff with #00002f. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 59
-
- C 32
- M 16
- Y 0
- K 41
● #677f97 color description : Mostly desaturated dark blue.
#677f97 Color Conversion
The hexadecimal color #677f97 has RGB values of R:103, G:127, B:151 and CMYK values of C:0.32, M:0.16, Y:0, K:0.41. Its decimal value is 6782871.
Hex triplet | 677f97 | #677f97 |
---|---|---|
RGB Decimal | 103, 127, 151 | rgb(103,127,151) |
RGB Percent | 40.4, 49.8, 59.2 | rgb(40.4%,49.8%,59.2%) |
CMYK | 32, 16, 0, 41 | |
HSL | 210°, 18.9, 49.8 | hsl(210,18.9%,49.8%) |
HSV (or HSB) | 210°, 31.8, 59.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.17, -2.681, -15.72 |
---|---|
XYZ | 18.768, 20.296, 32.205 |
xyY | 0.263, 0.285, 20.296 |
CIE-LCH | 52.17, 15.947, 260.321 |
CIE-LUV | 52.17, -12.904, -22.543 |
Hunter-Lab | 45.051, -4.479, -10.848 |
Binary | 01100111, 01111111, 10010111 |
Color Schemes with #677f97
Alternatives to #677f97
Below, you can see some colors close to #677f97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f97 Preview
This text has a font color of #677f97.
<span style="color:#677f97;">Text here</span>
This paragraph has a background color of #677f97.
<p style="background-color:#677f97;">Content here</p>
This element has a border color of #677f97.
<div style="border:1px solid #677f97;">Content here</div>
.text {color:#677f97;}
.background {background-color:#677f97;}
.border {border:1px solid #677f97;}
Shades and Tints of #677f97
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 #feffff is the lightest one.
-
#08090b
#08090b
rgb(8,9,11)
-
#101317
#101317
rgb(16,19,23)
-
#171d22
#171d22
rgb(23,29,34)
-
#1f272e
#1f272e
rgb(31,39,46)
-
#27313a
#27313a
rgb(39,49,58)
-
#2f3a45
#2f3a45
rgb(47,58,69)
-
#374451
#374451
rgb(55,68,81)
-
#3f4e5d
#3f4e5d
rgb(63,78,93)
-
#475868
#475868
rgb(71,88,104)
-
#4f6274
#4f6274
rgb(79,98,116)
-
#576b80
#576b80
rgb(87,107,128)
-
#5f758b
#5f758b
rgb(95,117,139)
-
#677f97
#677f97
rgb(103,127,151)
-
#72899f
#72899f
rgb(114,137,159)
-
#7e93a7
#7e93a7
rgb(126,147,167)
-
#8a9caf
#8a9caf
rgb(138,156,175)
-
#95a6b7
#95a6b7
rgb(149,166,183)
-
#a1b0bf
#a1b0bf
rgb(161,176,191)
-
#adbac7
#adbac7
rgb(173,186,199)
-
#b8c4cf
#b8c4cf
rgb(184,196,207)
-
#c4cdd7
#c4cdd7
rgb(196,205,215)
-
#d0d7df
#d0d7df
rgb(208,215,223)
-
#dbe1e7
#dbe1e7
rgb(219,225,231)
-
#e7ebef
#e7ebef
rgb(231,235,239)
-
#f3f5f7
#f3f5f7
rgb(243,245,247)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #677f97
A tone is produced by adding gray to any pure hue. In this case, #7b7f83 is the less saturated color, while #057ff9 is the most saturated one.
-
#7b7f83
#7b7f83
rgb(123,127,131)
-
#717f8d
#717f8d
rgb(113,127,141)
-
#677f97
#677f97
rgb(103,127,151)
-
#5d7fa1
#5d7fa1
rgb(93,127,161)
-
#537fab
#537fab
rgb(83,127,171)
-
#4a7fb4
#4a7fb4
rgb(74,127,180)
-
#407fbe
#407fbe
rgb(64,127,190)
-
#367fc8
#367fc8
rgb(54,127,200)
-
#2c7fd2
#2c7fd2
rgb(44,127,210)
-
#237fdb
#237fdb
rgb(35,127,219)
-
#197fe5
#197fe5
rgb(25,127,229)
-
#0f7fef
#0f7fef
rgb(15,127,239)
-
#057ff9
#057ff9
rgb(5,127,249)
Color Blindness Simulator
Below, you can see how #677f97 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.