#676774 Color Information
In a RGB color space, hex #676774 is composed of 40.4% red, 40.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 11.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 240 degrees, a saturation of 5.9% and a lightness of 42.9%. #676774 color hex could be obtained by blending #cecee8 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 45
-
- C 11
- M 11
- Y 0
- K 55
● #676774 color description : Dark grayish blue.
#676774 Color Conversion
The hexadecimal color #676774 has RGB values of R:103, G:103, B:116 and CMYK values of C:0.11, M:0.11, Y:0, K:0.55. Its decimal value is 6776692.
Hex triplet | 676774 | #676774 |
---|---|---|
RGB Decimal | 103, 103, 116 | rgb(103,103,116) |
RGB Percent | 40.4, 40.4, 45.5 | rgb(40.4%,40.4%,45.5%) |
CMYK | 11, 11, 0, 55 | |
HSL | 240°, 5.9, 42.9 | hsl(240,5.9%,42.9%) |
HSV (or HSB) | 240°, 11.2, 45.5 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 44.01, 2.828, -7.264 |
---|---|
XYZ | 13.596, 13.845, 18.478 |
xyY | 0.296, 0.302, 13.845 |
CIE-LCH | 44.01, 7.795, 291.271 |
CIE-LUV | 44.01, -0.746, -10.309 |
Hunter-Lab | 37.209, 0.106, -3.398 |
Binary | 01100111, 01100111, 01110100 |
Color Schemes with #676774
Alternatives to #676774
Below, you can see some colors close to #676774. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676774 Preview
This text has a font color of #676774.
<span style="color:#676774;">Text here</span>
This paragraph has a background color of #676774.
<p style="background-color:#676774;">Content here</p>
This element has a border color of #676774.
<div style="border:1px solid #676774;">Content here</div>
.text {color:#676774;}
.background {background-color:#676774;}
.border {border:1px solid #676774;}
Shades and Tints of #676774
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, #020202 is the darkest color, while #f6f6f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0b0c
#0b0b0c
rgb(11,11,12)
-
#141416
#141416
rgb(20,20,22)
-
#1d1d21
#1d1d21
rgb(29,29,33)
-
#26262b
#26262b
rgb(38,38,43)
-
#303036
#303036
rgb(48,48,54)
-
#393940
#393940
rgb(57,57,64)
-
#42424a
#42424a
rgb(66,66,74)
-
#4b4b55
#4b4b55
rgb(75,75,85)
-
#55555f
#55555f
rgb(85,85,95)
-
#5e5e6a
#5e5e6a
rgb(94,94,106)
-
#676774
#676774
rgb(103,103,116)
-
#70707e
#70707e
rgb(112,112,126)
-
#7a7a89
#7a7a89
rgb(122,122,137)
-
#848492
#848492
rgb(132,132,146)
-
#8e8e9b
#8e8e9b
rgb(142,142,155)
-
#9999a4
#9999a4
rgb(153,153,164)
-
#a3a3ad
#a3a3ad
rgb(163,163,173)
-
#aeaeb7
#aeaeb7
rgb(174,174,183)
-
#b8b8c0
#b8b8c0
rgb(184,184,192)
-
#c2c2c9
#c2c2c9
rgb(194,194,201)
-
#cdcdd2
#cdcdd2
rgb(205,205,210)
-
#d7d7dc
#d7d7dc
rgb(215,215,220)
-
#e2e2e5
#e2e2e5
rgb(226,226,229)
-
#ececee
#ececee
rgb(236,236,238)
-
#f6f6f7
#f6f6f7
rgb(246,246,247)
Tones of #676774
A tone is produced by adding gray to any pure hue. In this case, #676774 is the less saturated color, while #0202d9 is the most saturated one.
-
#676774
#676774
rgb(103,103,116)
-
#5f5f7c
#5f5f7c
rgb(95,95,124)
-
#565685
#565685
rgb(86,86,133)
-
#4e4e8d
#4e4e8d
rgb(78,78,141)
-
#454596
#454596
rgb(69,69,150)
-
#3d3d9e
#3d3d9e
rgb(61,61,158)
-
#3434a7
#3434a7
rgb(52,52,167)
-
#2c2caf
#2c2caf
rgb(44,44,175)
-
#2424b7
#2424b7
rgb(36,36,183)
-
#1b1bc0
#1b1bc0
rgb(27,27,192)
-
#1313c8
#1313c8
rgb(19,19,200)
-
#0a0ad1
#0a0ad1
rgb(10,10,209)
-
#0202d9
#0202d9
rgb(2,2,217)
Color Blindness Simulator
Below, you can see how #676774 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.