#677a8c Color Information
In a RGB color space, hex #677a8c is composed of 40.4% red, 47.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 12.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 209.2 degrees, a saturation of 15.2% and a lightness of 47.6%. #677a8c color hex could be obtained by blending #cef4ff with #000019. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 55
-
- C 26
- M 13
- Y 0
- K 45
● #677a8c color description : Mostly desaturated dark blue.
#677a8c Color Conversion
The hexadecimal color #677a8c has RGB values of R:103, G:122, B:140 and CMYK values of C:0.26, M:0.13, Y:0, K:0.45. Its decimal value is 6781580.
Hex triplet | 677a8c | #677a8c |
---|---|---|
RGB Decimal | 103, 122, 140 | rgb(103,122,140) |
RGB Percent | 40.4, 47.8, 54.9 | rgb(40.4%,47.8%,54.9%) |
CMYK | 26, 13, 0, 45 | |
HSL | 209.2°, 15.2, 47.6 | hsl(209.2,15.2%,47.6%) |
HSV (or HSB) | 209.2°, 26.4, 54.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.329, -2.62, -12.072 |
---|---|
XYZ | 17.286, 18.696, 27.507 |
xyY | 0.272, 0.294, 18.696 |
CIE-LCH | 50.329, 12.353, 257.756 |
CIE-LUV | 50.329, -10.47, -16.898 |
Hunter-Lab | 43.238, -4.308, -7.452 |
Binary | 01100111, 01111010, 10001100 |
Color Schemes with #677a8c
Alternatives to #677a8c
Below, you can see some colors close to #677a8c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677a8c Preview
This text has a font color of #677a8c.
<span style="color:#677a8c;">Text here</span>
This paragraph has a background color of #677a8c.
<p style="background-color:#677a8c;">Content here</p>
This element has a border color of #677a8c.
<div style="border:1px solid #677a8c;">Content here</div>
.text {color:#677a8c;}
.background {background-color:#677a8c;}
.border {border:1px solid #677a8c;}
Shades and Tints of #677a8c
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, #030404 is the darkest color, while #f8f9fa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0c0e10
#0c0e10
rgb(12,14,16)
-
#14181b
#14181b
rgb(20,24,27)
-
#1c2126
#1c2126
rgb(28,33,38)
-
#242b32
#242b32
rgb(36,43,50)
-
#2d353d
#2d353d
rgb(45,53,61)
-
#353f48
#353f48
rgb(53,63,72)
-
#3d4953
#3d4953
rgb(61,73,83)
-
#46535f
#46535f
rgb(70,83,95)
-
#4e5c6a
#4e5c6a
rgb(78,92,106)
-
#566675
#566675
rgb(86,102,117)
-
#5f7081
#5f7081
rgb(95,112,129)
-
#677a8c
#677a8c
rgb(103,122,140)
-
#708496
#708496
rgb(112,132,150)
-
#7c8e9e
#7c8e9e
rgb(124,142,158)
-
#8797a7
#8797a7
rgb(135,151,167)
-
#92a1af
#92a1af
rgb(146,161,175)
-
#9eabb7
#9eabb7
rgb(158,171,183)
-
#a9b5c0
#a9b5c0
rgb(169,181,192)
-
#b4bec8
#b4bec8
rgb(180,190,200)
-
#c0c8d0
#c0c8d0
rgb(192,200,208)
-
#cbd2d9
#cbd2d9
rgb(203,210,217)
-
#d6dce1
#d6dce1
rgb(214,220,225)
-
#e1e5e9
#e1e5e9
rgb(225,229,233)
-
#edeff2
#edeff2
rgb(237,239,242)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #677a8c
A tone is produced by adding gray to any pure hue. In this case, #707a83 is the less saturated color, while #007df3 is the most saturated one.
-
#707a83
#707a83
rgb(112,122,131)
-
#677a8c
#677a8c
rgb(103,122,140)
-
#5e7a95
#5e7a95
rgb(94,122,149)
-
#547b9f
#547b9f
rgb(84,123,159)
-
#4b7ba8
#4b7ba8
rgb(75,123,168)
-
#427bb1
#427bb1
rgb(66,123,177)
-
#387bbb
#387bbb
rgb(56,123,187)
-
#2f7cc4
#2f7cc4
rgb(47,124,196)
-
#267ccd
#267ccd
rgb(38,124,205)
-
#1c7cd7
#1c7cd7
rgb(28,124,215)
-
#137ce0
#137ce0
rgb(19,124,224)
-
#0a7de9
#0a7de9
rgb(10,125,233)
-
#007df3
#007df3
rgb(0,125,243)
Color Blindness Simulator
Below, you can see how #677a8c 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.