#686836 Color Information
In a RGB color space, hex #686836 is composed of 40.8% red, 40.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 48.1% yellow and 59.2% black. It has a hue angle of 60 degrees, a saturation of 31.6% and a lightness of 31%. #686836 color hex could be obtained by blending #d0d06c with #000000. Closest websafe color is: #666633.
-
- R 41
- G 41
- B 21
-
- C 0
- M 0
- Y 48
- K 59
● #686836 color description : Very dark desaturated yellow.
#686836 Color Conversion
The hexadecimal color #686836 has RGB values of R:104, G:104, B:54 and CMYK values of C:0, M:0, Y:0.48, K:0.59. Its decimal value is 6842422.
Hex triplet | 686836 | #686836 |
---|---|---|
RGB Decimal | 104, 104, 54 | rgb(104,104,54) |
RGB Percent | 40.8, 40.8, 21.2 | rgb(40.8%,40.8%,21.2%) |
CMYK | 0, 0, 48, 59 | |
HSL | 60°, 31.6, 31 | hsl(60,31.6%,31%) |
HSV (or HSB) | 60°, 48.1, 40.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 42.929, -7.965, 28.013 |
---|---|
XYZ | 11.325, 13.11, 5.424 |
xyY | 0.379, 0.439, 13.11 |
CIE-LCH | 42.929, 29.123, 105.872 |
CIE-LUV | 42.929, 2.326, 32.272 |
Hunter-Lab | 36.208, -7.533, 16.464 |
Binary | 01101000, 01101000, 00110110 |
Color Schemes with #686836
Alternatives to #686836
Below, you can see some colors close to #686836. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686836 Preview
This text has a font color of #686836.
<span style="color:#686836;">Text here</span>
This paragraph has a background color of #686836.
<p style="background-color:#686836;">Content here</p>
This element has a border color of #686836.
<div style="border:1px solid #686836;">Content here</div>
.text {color:#686836;}
.background {background-color:#686836;}
.border {border:1px solid #686836;}
Shades and Tints of #686836
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, #010100 is the darkest color, while #f9f9f3 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0e0e07
#0e0e07
rgb(14,14,7)
-
#1b1b0e
#1b1b0e
rgb(27,27,14)
-
#272714
#272714
rgb(39,39,20)
-
#34341b
#34341b
rgb(52,52,27)
-
#414122
#414122
rgb(65,65,34)
-
#4e4e29
#4e4e29
rgb(78,78,41)
-
#5b5b2f
#5b5b2f
rgb(91,91,47)
-
#686836
#686836
rgb(104,104,54)
-
#75753d
#75753d
rgb(117,117,61)
-
#828243
#828243
rgb(130,130,67)
-
#8f8f4a
#8f8f4a
rgb(143,143,74)
-
#9c9c51
#9c9c51
rgb(156,156,81)
-
#a8a858
#a8a858
rgb(168,168,88)
-
#afaf65
#afaf65
rgb(175,175,101)
-
#b6b672
#b6b672
rgb(182,182,114)
-
#bcbc7f
#bcbc7f
rgb(188,188,127)
-
#c3c38c
#c3c38c
rgb(195,195,140)
-
#caca98
#caca98
rgb(202,202,152)
-
#d0d0a5
#d0d0a5
rgb(208,208,165)
-
#d7d7b2
#d7d7b2
rgb(215,215,178)
-
#dedebf
#dedebf
rgb(222,222,191)
-
#e5e5cc
#e5e5cc
rgb(229,229,204)
-
#ebebd9
#ebebd9
rgb(235,235,217)
-
#f2f2e6
#f2f2e6
rgb(242,242,230)
-
#f9f9f3
#f9f9f3
rgb(249,249,243)
Tones of #686836
A tone is produced by adding gray to any pure hue. In this case, #50504e is the less saturated color, while #999905 is the most saturated one.
-
#50504e
#50504e
rgb(80,80,78)
-
#565648
#565648
rgb(86,86,72)
-
#5c5c42
#5c5c42
rgb(92,92,66)
-
#62623c
#62623c
rgb(98,98,60)
-
#686836
#686836
rgb(104,104,54)
-
#6e6e30
#6e6e30
rgb(110,110,48)
-
#74742a
#74742a
rgb(116,116,42)
-
#7a7a24
#7a7a24
rgb(122,122,36)
-
#80801e
#80801e
rgb(128,128,30)
-
#868618
#868618
rgb(134,134,24)
-
#8c8c12
#8c8c12
rgb(140,140,18)
-
#93930b
#93930b
rgb(147,147,11)
-
#999905
#999905
rgb(153,153,5)
Color Blindness Simulator
Below, you can see how #686836 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.