#686176 Color Information
In a RGB color space, hex #686176 is composed of 40.8% red, 38% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 17.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 260 degrees, a saturation of 9.8% and a lightness of 42.2%. #686176 color hex could be obtained by blending #d0c2ec with #000000. Closest websafe color is: #666666.
-
- R 41
- G 38
- B 46
-
- C 12
- M 18
- Y 0
- K 54
● #686176 color description : Dark grayish violet.
#686176 Color Conversion
The hexadecimal color #686176 has RGB values of R:104, G:97, B:118 and CMYK values of C:0.12, M:0.18, Y:0, K:0.54. Its decimal value is 6840694.
Hex triplet | 686176 | #686176 |
---|---|---|
RGB Decimal | 104, 97, 118 | rgb(104,97,118) |
RGB Percent | 40.8, 38, 46.3 | rgb(40.8%,38%,46.3%) |
CMYK | 12, 18, 0, 54 | |
HSL | 260°, 9.8, 42.2 | hsl(260,9.8%,42.2%) |
HSV (or HSB) | 260°, 17.8, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 42.461, 7.289, -10.793 |
---|---|
XYZ | 13.253, 12.8, 18.911 |
xyY | 0.295, 0.285, 12.8 |
CIE-LCH | 42.461, 13.023, 304.034 |
CIE-LUV | 42.461, 2.485, -15.795 |
Hunter-Lab | 35.778, 3.51, -6.295 |
Binary | 01101000, 01100001, 01110110 |
Color Schemes with #686176
Alternatives to #686176
Below, you can see some colors close to #686176. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686176 Preview
This text has a font color of #686176.
<span style="color:#686176;">Text here</span>
This paragraph has a background color of #686176.
<p style="background-color:#686176;">Content here</p>
This element has a border color of #686176.
<div style="border:1px solid #686176;">Content here</div>
.text {color:#686176;}
.background {background-color:#686176;}
.border {border:1px solid #686176;}
Shades and Tints of #686176
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, #09090a is the darkest color, while #ffffff is the lightest one.
-
#09090a
#09090a
rgb(9,9,10)
-
#131115
#131115
rgb(19,17,21)
-
#1c1a20
#1c1a20
rgb(28,26,32)
-
#26232b
#26232b
rgb(38,35,43)
-
#2f2c35
#2f2c35
rgb(47,44,53)
-
#393540
#393540
rgb(57,53,64)
-
#423e4b
#423e4b
rgb(66,62,75)
-
#4c4656
#4c4656
rgb(76,70,86)
-
#554f60
#554f60
rgb(85,79,96)
-
#5f586b
#5f586b
rgb(95,88,107)
-
#686176
#686176
rgb(104,97,118)
-
#716a81
#716a81
rgb(113,106,129)
-
#7b738c
#7b738c
rgb(123,115,140)
-
#857d94
#857d94
rgb(133,125,148)
-
#8f889d
#8f889d
rgb(143,136,157)
-
#9993a6
#9993a6
rgb(153,147,166)
-
#a39eaf
#a39eaf
rgb(163,158,175)
-
#aea8b8
#aea8b8
rgb(174,168,184)
-
#b8b3c1
#b8b3c1
rgb(184,179,193)
-
#c2beca
#c2beca
rgb(194,190,202)
-
#ccc9d2
#ccc9d2
rgb(204,201,210)
-
#d6d4db
#d6d4db
rgb(214,212,219)
-
#e0dee4
#e0dee4
rgb(224,222,228)
-
#eae9ed
#eae9ed
rgb(234,233,237)
-
#f4f4f6
#f4f4f6
rgb(244,244,246)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #686176
A tone is produced by adding gray to any pure hue. In this case, #6b696e is the less saturated color, while #4a06d1 is the most saturated one.
-
#6b696e
#6b696e
rgb(107,105,110)
-
#686176
#686176
rgb(104,97,118)
-
#65597e
#65597e
rgb(101,89,126)
-
#625087
#625087
rgb(98,80,135)
-
#60488f
#60488f
rgb(96,72,143)
-
#5d4097
#5d4097
rgb(93,64,151)
-
#5a389f
#5a389f
rgb(90,56,159)
-
#572fa8
#572fa8
rgb(87,47,168)
-
#5527b0
#5527b0
rgb(85,39,176)
-
#521fb8
#521fb8
rgb(82,31,184)
-
#4f17c0
#4f17c0
rgb(79,23,192)
-
#4c0ec9
#4c0ec9
rgb(76,14,201)
-
#4a06d1
#4a06d1
rgb(74,6,209)
Color Blindness Simulator
Below, you can see how #686176 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.