#686848 Color Information
In a RGB color space, hex #686848 is composed of 40.8% red, 40.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 30.8% yellow and 59.2% black. It has a hue angle of 60 degrees, a saturation of 18.2% and a lightness of 34.5%. #686848 color hex could be obtained by blending #d0d090 with #000000. Closest websafe color is: #666633.
-
- R 41
- G 41
- B 28
-
- C 0
- M 0
- Y 31
- K 59
● #686848 color description : Very dark grayish yellow.
#686848 Color Conversion
The hexadecimal color #686848 has RGB values of R:104, G:104, B:72 and CMYK values of C:0, M:0, Y:0.31, K:0.59. Its decimal value is 6842440.
Hex triplet | 686848 | #686848 |
---|---|---|
RGB Decimal | 104, 104, 72 | rgb(104,104,72) |
RGB Percent | 40.8, 40.8, 28.2 | rgb(40.8%,40.8%,28.2%) |
CMYK | 0, 0, 31, 59 | |
HSL | 60°, 18.2, 34.5 | hsl(60,18.2%,34.5%) |
HSV (or HSB) | 60°, 30.8, 40.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.229, -5.664, 18.085 |
---|---|
XYZ | 11.829, 13.312, 8.077 |
xyY | 0.356, 0.401, 13.312 |
CIE-LCH | 43.229, 18.951, 107.391 |
CIE-LUV | 43.229, 1.615, 22.414 |
Hunter-Lab | 36.485, -5.978, 12.414 |
Binary | 01101000, 01101000, 01001000 |
Color Schemes with #686848
Alternatives to #686848
Below, you can see some colors close to #686848. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686848 Preview
This text has a font color of #686848.
<span style="color:#686848;">Text here</span>
This paragraph has a background color of #686848.
<p style="background-color:#686848;">Content here</p>
This element has a border color of #686848.
<div style="border:1px solid #686848;">Content here</div>
.text {color:#686848;}
.background {background-color:#686848;}
.border {border:1px solid #686848;}
Shades and Tints of #686848
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)
-
#171710
#171710
rgb(23,23,16)
-
#222218
#222218
rgb(34,34,24)
-
#2e2e20
#2e2e20
rgb(46,46,32)
-
#3a3a28
#3a3a28
rgb(58,58,40)
-
#454530
#454530
rgb(69,69,48)
-
#515138
#515138
rgb(81,81,56)
-
#5c5c40
#5c5c40
rgb(92,92,64)
-
#686848
#686848
rgb(104,104,72)
-
#747450
#747450
rgb(116,116,80)
-
#7f7f58
#7f7f58
rgb(127,127,88)
-
#8b8b60
#8b8b60
rgb(139,139,96)
-
#969668
#969668
rgb(150,150,104)
-
#9e9e74
#9e9e74
rgb(158,158,116)
-
#a7a77f
#a7a77f
rgb(167,167,127)
-
#afaf8b
#afaf8b
rgb(175,175,139)
-
#b7b796
#b7b796
rgb(183,183,150)
-
#bfbfa2
#bfbfa2
rgb(191,191,162)
-
#c7c7ae
#c7c7ae
rgb(199,199,174)
-
#cfcfb9
#cfcfb9
rgb(207,207,185)
-
#d7d7c5
#d7d7c5
rgb(215,215,197)
-
#dfdfd0
#dfdfd0
rgb(223,223,208)
-
#e7e7dc
#e7e7dc
rgb(231,231,220)
-
#efefe8
#efefe8
rgb(239,239,232)
-
#f7f7f3
#f7f7f3
rgb(247,247,243)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #686848
A tone is produced by adding gray to any pure hue. In this case, #5a5a56 is the less saturated color, while #acac04 is the most saturated one.
-
#5a5a56
#5a5a56
rgb(90,90,86)
-
#61614f
#61614f
rgb(97,97,79)
-
#686848
#686848
rgb(104,104,72)
-
#6f6f41
#6f6f41
rgb(111,111,65)
-
#76763a
#76763a
rgb(118,118,58)
-
#7c7c34
#7c7c34
rgb(124,124,52)
-
#83832d
#83832d
rgb(131,131,45)
-
#8a8a26
#8a8a26
rgb(138,138,38)
-
#91911f
#91911f
rgb(145,145,31)
-
#979719
#979719
rgb(151,151,25)
-
#9e9e12
#9e9e12
rgb(158,158,18)
-
#a5a50b
#a5a50b
rgb(165,165,11)
-
#acac04
#acac04
rgb(172,172,4)
Color Blindness Simulator
Below, you can see how #686848 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.