#676768 Color Information
In a RGB color space, hex #676768 is composed of 40.4% red, 40.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 1% magenta, 0% yellow and 59.2% black. It has a hue angle of 240 degrees, a saturation of 0.5% and a lightness of 40.6%. #676768 color hex could be obtained by blending #ceced0 with #000000. Closest websafe color is: #666666.
-
- R 40
- G 40
- B 41
-
- C 1
- M 1
- Y 0
- K 59
● #676768 color description : Very dark grayish blue.
#676768 Color Conversion
The hexadecimal color #676768 has RGB values of R:103, G:103, B:104 and CMYK values of C:0.01, M:0.01, Y:0, K:0.59. Its decimal value is 6776680.
Hex triplet | 676768 | #676768 |
---|---|---|
RGB Decimal | 103, 103, 104 | rgb(103,103,104) |
RGB Percent | 40.4, 40.4, 40.8 | rgb(40.4%,40.4%,40.8%) |
CMYK | 1, 1, 0, 59 | |
HSL | 240°, 0.5, 40.6 | hsl(240,0.5%,40.6%) |
HSV (or HSB) | 240°, 1, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.63, 0.207, -0.567 |
---|---|
XYZ | 12.942, 13.584, 15.036 |
xyY | 0.311, 0.327, 13.584 |
CIE-LCH | 43.63, 0.603, 290.097 |
CIE-LUV | 43.63, -0.059, -0.78 |
Hunter-Lab | 36.856, -1.817, 1.611 |
Binary | 01100111, 01100111, 01101000 |
Color Schemes with #676768
Alternatives to #676768
Below, you can see some colors close to #676768. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676768 Preview
This text has a font color of #676768.
<span style="color:#676768;">Text here</span>
This paragraph has a background color of #676768.
<p style="background-color:#676768;">Content here</p>
This element has a border color of #676768.
<div style="border:1px solid #676768;">Content here</div>
.text {color:#676768;}
.background {background-color:#676768;}
.border {border:1px solid #676768;}
Shades and Tints of #676768
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, #050505 is the darkest color, while #fbfbfb is the lightest one.
-
#050505
#050505
rgb(5,5,5)
-
#0f0f0f
#0f0f0f
rgb(15,15,15)
-
#191919
#191919
rgb(25,25,25)
-
#232323
#232323
rgb(35,35,35)
-
#2c2c2d
#2c2c2d
rgb(44,44,45)
-
#363637
#363637
rgb(54,54,55)
-
#404041
#404041
rgb(64,64,65)
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#535354
#535354
rgb(83,83,84)
-
#5d5d5e
#5d5d5e
rgb(93,93,94)
-
#676768
#676768
rgb(103,103,104)
-
#717172
#717172
rgb(113,113,114)
-
#7b7b7c
#7b7b7c
rgb(123,123,124)
-
#848486
#848486
rgb(132,132,134)
-
#8e8e8f
#8e8e8f
rgb(142,142,143)
-
#989899
#989899
rgb(152,152,153)
-
#a2a2a3
#a2a2a3
rgb(162,162,163)
-
#acacad
#acacad
rgb(172,172,173)
-
#b6b6b6
#b6b6b6
rgb(182,182,182)
-
#bfbfc0
#bfbfc0
rgb(191,191,192)
-
#c9c9ca
#c9c9ca
rgb(201,201,202)
-
#d3d3d4
#d3d3d4
rgb(211,211,212)
-
#dddddd
#dddddd
rgb(221,221,221)
-
#e7e7e7
#e7e7e7
rgb(231,231,231)
-
#f1f1f1
#f1f1f1
rgb(241,241,241)
-
#fbfbfb
#fbfbfb
rgb(251,251,251)
Tones of #676768
A tone is produced by adding gray to any pure hue. In this case, #676768 is the less saturated color, while #0707c8 is the most saturated one.
-
#676768
#676768
rgb(103,103,104)
-
#5f5f70
#5f5f70
rgb(95,95,112)
-
#575778
#575778
rgb(87,87,120)
-
#4f4f80
#4f4f80
rgb(79,79,128)
-
#474788
#474788
rgb(71,71,136)
-
#3f3f90
#3f3f90
rgb(63,63,144)
-
#373798
#373798
rgb(55,55,152)
-
#2f2fa0
#2f2fa0
rgb(47,47,160)
-
#2727a8
#2727a8
rgb(39,39,168)
-
#1f1fb0
#1f1fb0
rgb(31,31,176)
-
#1717b8
#1717b8
rgb(23,23,184)
-
#0f0fc0
#0f0fc0
rgb(15,15,192)
-
#0707c8
#0707c8
rgb(7,7,200)
Color Blindness Simulator
Below, you can see how #676768 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.