#677f96 Color Information
In a RGB color space, hex #677f96 is composed of 40.4% red, 49.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 15.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 209.4 degrees, a saturation of 18.6% and a lightness of 49.6%. #677f96 color hex could be obtained by blending #cefeff with #00002d. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 59
-
- C 31
- M 15
- Y 0
- K 41
● #677f96 color description : Mostly desaturated dark blue.
#677f96 Color Conversion
The hexadecimal color #677f96 has RGB values of R:103, G:127, B:150 and CMYK values of C:0.31, M:0.15, Y:0, K:0.41. Its decimal value is 6782870.
Hex triplet | 677f96 | #677f96 |
---|---|---|
RGB Decimal | 103, 127, 150 | rgb(103,127,150) |
RGB Percent | 40.4, 49.8, 58.8 | rgb(40.4%,49.8%,58.8%) |
CMYK | 31, 15, 0, 41 | |
HSL | 209.4°, 18.6, 49.6 | hsl(209.4,18.6%,49.6%) |
HSV (or HSB) | 209.4°, 31.3, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 52.134, -2.944, -15.193 |
---|---|
XYZ | 18.687, 20.264, 31.779 |
xyY | 0.264, 0.286, 20.264 |
CIE-LCH | 52.134, 15.475, 259.034 |
CIE-LUV | 52.134, -12.885, -21.698 |
Hunter-Lab | 45.015, -4.678, -10.346 |
Binary | 01100111, 01111111, 10010110 |
Color Schemes with #677f96
Alternatives to #677f96
Below, you can see some colors close to #677f96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f96 Preview
This text has a font color of #677f96.
<span style="color:#677f96;">Text here</span>
This paragraph has a background color of #677f96.
<p style="background-color:#677f96;">Content here</p>
This element has a border color of #677f96.
<div style="border:1px solid #677f96;">Content here</div>
.text {color:#677f96;}
.background {background-color:#677f96;}
.border {border:1px solid #677f96;}
Shades and Tints of #677f96
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, #07090a is the darkest color, while #fefefe is the lightest one.
-
#07090a
#07090a
rgb(7,9,10)
-
#0f1316
#0f1316
rgb(15,19,22)
-
#171d22
#171d22
rgb(23,29,34)
-
#1f262d
#1f262d
rgb(31,38,45)
-
#273039
#273039
rgb(39,48,57)
-
#2f3a45
#2f3a45
rgb(47,58,69)
-
#374450
#374450
rgb(55,68,80)
-
#3f4e5c
#3f4e5c
rgb(63,78,92)
-
#475867
#475867
rgb(71,88,103)
-
#4f6173
#4f6173
rgb(79,97,115)
-
#576b7f
#576b7f
rgb(87,107,127)
-
#5f758a
#5f758a
rgb(95,117,138)
-
#677f96
#677f96
rgb(103,127,150)
-
#72899e
#72899e
rgb(114,137,158)
-
#7e93a6
#7e93a6
rgb(126,147,166)
-
#8a9cae
#8a9cae
rgb(138,156,174)
-
#95a6b6
#95a6b6
rgb(149,166,182)
-
#a1b0be
#a1b0be
rgb(161,176,190)
-
#acbac6
#acbac6
rgb(172,186,198)
-
#b8c3ce
#b8c3ce
rgb(184,195,206)
-
#c4cdd6
#c4cdd6
rgb(196,205,214)
-
#cfd7de
#cfd7de
rgb(207,215,222)
-
#dbe1e6
#dbe1e6
rgb(219,225,230)
-
#e7eaee
#e7eaee
rgb(231,234,238)
-
#f2f4f6
#f2f4f6
rgb(242,244,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #677f96
A tone is produced by adding gray to any pure hue. In this case, #7a7f83 is the less saturated color, while #0681f7 is the most saturated one.
-
#7a7f83
#7a7f83
rgb(122,127,131)
-
#717f8c
#717f8c
rgb(113,127,140)
-
#677f96
#677f96
rgb(103,127,150)
-
#5d7fa0
#5d7fa0
rgb(93,127,160)
-
#547fa9
#547fa9
rgb(84,127,169)
-
#4a80b3
#4a80b3
rgb(74,128,179)
-
#4080bd
#4080bd
rgb(64,128,189)
-
#3680c7
#3680c7
rgb(54,128,199)
-
#2d80d0
#2d80d0
rgb(45,128,208)
-
#2380da
#2380da
rgb(35,128,218)
-
#1981e4
#1981e4
rgb(25,129,228)
-
#0f81ee
#0f81ee
rgb(15,129,238)
-
#0681f7
#0681f7
rgb(6,129,247)
Color Blindness Simulator
Below, you can see how #677f96 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.