#686648 Color Information
In a RGB color space, hex #686648 is composed of 40.8% red, 40% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 30.8% yellow and 59.2% black. It has a hue angle of 56.3 degrees, a saturation of 18.2% and a lightness of 34.5%. #686648 color hex could be obtained by blending #d0cc90 with #000000. Closest websafe color is: #666633.
-
- R 41
- G 40
- B 28
-
- C 0
- M 2
- Y 31
- K 59
● #686648 color description : Very dark grayish yellow.
#686648 Color Conversion
The hexadecimal color #686648 has RGB values of R:104, G:102, B:72 and CMYK values of C:0, M:0.02, Y:0.31, K:0.59. Its decimal value is 6841928.
Hex triplet | 686648 | #686648 |
---|---|---|
RGB Decimal | 104, 102, 72 | rgb(104,102,72) |
RGB Percent | 40.8, 40, 28.2 | rgb(40.8%,40%,28.2%) |
CMYK | 0, 2, 31, 59 | |
HSL | 56.3°, 18.2, 34.5 | hsl(56.3,18.2%,34.5%) |
HSV (or HSB) | 56.3°, 30.8, 40.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 42.633, -4.502, 17.288 |
---|---|
XYZ | 11.63, 12.914, 8.011 |
xyY | 0.357, 0.397, 12.914 |
CIE-LCH | 42.633, 17.864, 104.597 |
CIE-LUV | 42.633, 2.757, 21.27 |
Hunter-Lab | 35.936, -5.12, 11.939 |
Binary | 01101000, 01100110, 01001000 |
Color Schemes with #686648
Alternatives to #686648
Below, you can see some colors close to #686648. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686648 Preview
This text has a font color of #686648.
<span style="color:#686648;">Text here</span>
This paragraph has a background color of #686648.
<p style="background-color:#686648;">Content here</p>
This element has a border color of #686648.
<div style="border:1px solid #686648;">Content here</div>
.text {color:#686648;}
.background {background-color:#686648;}
.border {border:1px solid #686648;}
Shades and Tints of #686648
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, #0b0b08 is the darkest color, while #ffffff is the lightest one.
-
#0b0b08
#0b0b08
rgb(11,11,8)
-
#171610
#171610
rgb(23,22,16)
-
#222218
#222218
rgb(34,34,24)
-
#2e2d20
#2e2d20
rgb(46,45,32)
-
#3a3928
#3a3928
rgb(58,57,40)
-
#454430
#454430
rgb(69,68,48)
-
#514f38
#514f38
rgb(81,79,56)
-
#5c5b40
#5c5b40
rgb(92,91,64)
-
#686648
#686648
rgb(104,102,72)
-
#747150
#747150
rgb(116,113,80)
-
#7f7d58
#7f7d58
rgb(127,125,88)
-
#8b8860
#8b8860
rgb(139,136,96)
-
#969368
#969368
rgb(150,147,104)
-
#9e9c74
#9e9c74
rgb(158,156,116)
-
#a7a47f
#a7a47f
rgb(167,164,127)
-
#afac8b
#afac8b
rgb(175,172,139)
-
#b7b596
#b7b596
rgb(183,181,150)
-
#bfbda2
#bfbda2
rgb(191,189,162)
-
#c7c5ae
#c7c5ae
rgb(199,197,174)
-
#cfcdb9
#cfcdb9
rgb(207,205,185)
-
#d7d6c5
#d7d6c5
rgb(215,214,197)
-
#dfded0
#dfded0
rgb(223,222,208)
-
#e7e6dc
#e7e6dc
rgb(231,230,220)
-
#efeee8
#efeee8
rgb(239,238,232)
-
#f7f7f3
#f7f7f3
rgb(247,247,243)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #686648
A tone is produced by adding gray to any pure hue. In this case, #5a5a56 is the less saturated color, while #aca104 is the most saturated one.
-
#5a5a56
#5a5a56
rgb(90,90,86)
-
#61604f
#61604f
rgb(97,96,79)
-
#686648
#686648
rgb(104,102,72)
-
#6f6c41
#6f6c41
rgb(111,108,65)
-
#76723a
#76723a
rgb(118,114,58)
-
#7c7834
#7c7834
rgb(124,120,52)
-
#837e2d
#837e2d
rgb(131,126,45)
-
#8a8426
#8a8426
rgb(138,132,38)
-
#918a1f
#918a1f
rgb(145,138,31)
-
#978f19
#978f19
rgb(151,143,25)
-
#9e9512
#9e9512
rgb(158,149,18)
-
#a59b0b
#a59b0b
rgb(165,155,11)
-
#aca104
#aca104
rgb(172,161,4)
Color Blindness Simulator
Below, you can see how #686648 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.