#686e48 Color Information
In a RGB color space, hex #686e48 is composed of 40.8% red, 43.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 34.5% yellow and 56.9% black. It has a hue angle of 69.5 degrees, a saturation of 20.9% and a lightness of 35.7%. #686e48 color hex could be obtained by blending #d0dc90 with #000000. Closest websafe color is: #666633.
-
- R 41
- G 43
- B 28
-
- C 5
- M 0
- Y 35
- K 57
● #686e48 color description : Very dark grayish yellow.
#686e48 Color Conversion
The hexadecimal color #686e48 has RGB values of R:104, G:110, B:72 and CMYK values of C:0.05, M:0, Y:0.35, K:0.57. Its decimal value is 6843976.
Hex triplet | 686e48 | #686e48 |
---|---|---|
RGB Decimal | 104, 110, 72 | rgb(104,110,72) |
RGB Percent | 40.8, 43.1, 28.2 | rgb(40.8%,43.1%,28.2%) |
CMYK | 5, 0, 35, 57 | |
HSL | 69.5°, 20.9, 35.7 | hsl(69.5,20.9%,35.7%) |
HSV (or HSB) | 69.5°, 34.5, 43.1 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 45.03, -9.099, 20.472 |
---|---|
XYZ | 12.454, 14.563, 8.285 |
xyY | 0.353, 0.413, 14.563 |
CIE-LCH | 45.03, 22.403, 113.963 |
CIE-LUV | 45.03, -1.787, 25.835 |
Hunter-Lab | 38.161, -8.527, 13.84 |
Binary | 01101000, 01101110, 01001000 |
Color Schemes with #686e48
Alternatives to #686e48
Below, you can see some colors close to #686e48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686e48 Preview
This text has a font color of #686e48.
<span style="color:#686e48;">Text here</span>
This paragraph has a background color of #686e48.
<p style="background-color:#686e48;">Content here</p>
This element has a border color of #686e48.
<div style="border:1px solid #686e48;">Content here</div>
.text {color:#686e48;}
.background {background-color:#686e48;}
.border {border:1px solid #686e48;}
Shades and Tints of #686e48
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, #030302 is the darkest color, while #f9f9f6 is the lightest one.
-
#030302
#030302
rgb(3,3,2)
-
#0e0f0a
#0e0f0a
rgb(14,15,10)
-
#1a1b12
#1a1b12
rgb(26,27,18)
-
#252719
#252719
rgb(37,39,25)
-
#303321
#303321
rgb(48,51,33)
-
#3b3f29
#3b3f29
rgb(59,63,41)
-
#464a31
#464a31
rgb(70,74,49)
-
#525638
#525638
rgb(82,86,56)
-
#5d6240
#5d6240
rgb(93,98,64)
-
#686e48
#686e48
rgb(104,110,72)
-
#737a50
#737a50
rgb(115,122,80)
-
#7e8658
#7e8658
rgb(126,134,88)
-
#8a925f
#8a925f
rgb(138,146,95)
-
#949c68
#949c68
rgb(148,156,104)
-
#9ca474
#9ca474
rgb(156,164,116)
-
#a5ac80
#a5ac80
rgb(165,172,128)
-
#adb48c
#adb48c
rgb(173,180,140)
-
#b6bb98
#b6bb98
rgb(182,187,152)
-
#bec3a3
#bec3a3
rgb(190,195,163)
-
#c6cbaf
#c6cbaf
rgb(198,203,175)
-
#cfd3bb
#cfd3bb
rgb(207,211,187)
-
#d7dac7
#d7dac7
rgb(215,218,199)
-
#e0e2d3
#e0e2d3
rgb(224,226,211)
-
#e8eadf
#e8eadf
rgb(232,234,223)
-
#f1f2eb
#f1f2eb
rgb(241,242,235)
-
#f9f9f6
#f9f9f6
rgb(249,249,246)
Tones of #686e48
A tone is produced by adding gray to any pure hue. In this case, #5e6056 is the less saturated color, while #98b402 is the most saturated one.
-
#5e6056
#5e6056
rgb(94,96,86)
-
#63674f
#63674f
rgb(99,103,79)
-
#686e48
#686e48
rgb(104,110,72)
-
#6d7541
#6d7541
rgb(109,117,65)
-
#727c3a
#727c3a
rgb(114,124,58)
-
#768333
#768333
rgb(118,131,51)
-
#7b8a2c
#7b8a2c
rgb(123,138,44)
-
#809125
#809125
rgb(128,145,37)
-
#85981e
#85981e
rgb(133,152,30)
-
#8a9f17
#8a9f17
rgb(138,159,23)
-
#8ea610
#8ea610
rgb(142,166,16)
-
#93ad09
#93ad09
rgb(147,173,9)
-
#98b402
#98b402
rgb(152,180,2)
Color Blindness Simulator
Below, you can see how #686e48 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.