#686f45 Color Information
In a RGB color space, hex #686f45 is composed of 40.8% red, 43.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 37.8% yellow and 56.5% black. It has a hue angle of 70 degrees, a saturation of 23.3% and a lightness of 35.3%. #686f45 color hex could be obtained by blending #d0de8a with #000000. Closest websafe color is: #666633.
-
- R 41
- G 44
- B 27
-
- C 6
- M 0
- Y 38
- K 56
● #686f45 color description : Very dark desaturated yellow.
#686f45 Color Conversion
The hexadecimal color #686f45 has RGB values of R:104, G:111, B:69 and CMYK values of C:0.06, M:0, Y:0.38, K:0.56. Its decimal value is 6844229.
Hex triplet | 686f45 | #686f45 |
---|---|---|
RGB Decimal | 104, 111, 69 | rgb(104,111,69) |
RGB Percent | 40.8, 43.5, 27.1 | rgb(40.8%,43.5%,27.1%) |
CMYK | 6, 0, 38, 56 | |
HSL | 70°, 23.3, 35.3 | hsl(70,23.3%,35.3%) |
HSV (or HSB) | 70°, 37.8, 43.5 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 45.278, -10.083, 22.523 |
---|---|
XYZ | 12.467, 14.742, 7.819 |
xyY | 0.356, 0.421, 14.742 |
CIE-LCH | 45.278, 24.677, 114.117 |
CIE-LUV | 45.278, -2.255, 28.143 |
Hunter-Lab | 38.395, -9.23, 14.803 |
Binary | 01101000, 01101111, 01000101 |
Color Schemes with #686f45
Alternatives to #686f45
Below, you can see some colors close to #686f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f45 Preview
This text has a font color of #686f45.
<span style="color:#686f45;">Text here</span>
This paragraph has a background color of #686f45.
<p style="background-color:#686f45;">Content here</p>
This element has a border color of #686f45.
<div style="border:1px solid #686f45;">Content here</div>
.text {color:#686f45;}
.background {background-color:#686f45;}
.border {border:1px solid #686f45;}
Shades and Tints of #686f45
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, #020201 is the darkest color, while #f8f9f5 is the lightest one.
-
#020201
#020201
rgb(2,2,1)
-
#0d0e09
#0d0e09
rgb(13,14,9)
-
#191a10
#191a10
rgb(25,26,16)
-
#242618
#242618
rgb(36,38,24)
-
#2f331f
#2f331f
rgb(47,51,31)
-
#3b3f27
#3b3f27
rgb(59,63,39)
-
#464b2e
#464b2e
rgb(70,75,46)
-
#515736
#515736
rgb(81,87,54)
-
#5d633d
#5d633d
rgb(93,99,61)
-
#686f45
#686f45
rgb(104,111,69)
-
#737b4d
#737b4d
rgb(115,123,77)
-
#7f8754
#7f8754
rgb(127,135,84)
-
#8a935c
#8a935c
rgb(138,147,92)
-
#959f64
#959f64
rgb(149,159,100)
-
#9da670
#9da670
rgb(157,166,112)
-
#a5ae7c
#a5ae7c
rgb(165,174,124)
-
#aeb588
#aeb588
rgb(174,181,136)
-
#b6bd94
#b6bd94
rgb(182,189,148)
-
#bec4a0
#bec4a0
rgb(190,196,160)
-
#c6ccac
#c6ccac
rgb(198,204,172)
-
#cfd3b9
#cfd3b9
rgb(207,211,185)
-
#d7dbc5
#d7dbc5
rgb(215,219,197)
-
#dfe2d1
#dfe2d1
rgb(223,226,209)
-
#e8eadd
#e8eadd
rgb(232,234,221)
-
#f0f1e9
#f0f1e9
rgb(240,241,233)
-
#f8f9f5
#f8f9f5
rgb(248,249,245)
Tones of #686f45
A tone is produced by adding gray to any pure hue. In this case, #5a5a5a is the less saturated color, while #92ad07 is the most saturated one.
-
#5a5a5a
#5a5a5a
rgb(90,90,90)
-
#5f6153
#5f6153
rgb(95,97,83)
-
#63684c
#63684c
rgb(99,104,76)
-
#686f45
#686f45
rgb(104,111,69)
-
#6d763e
#6d763e
rgb(109,118,62)
-
#717d37
#717d37
rgb(113,125,55)
-
#768430
#768430
rgb(118,132,48)
-
#7a8b29
#7a8b29
rgb(122,139,41)
-
#7f9222
#7f9222
rgb(127,146,34)
-
#84991b
#84991b
rgb(132,153,27)
-
#889f15
#889f15
rgb(136,159,21)
-
#8da60e
#8da60e
rgb(141,166,14)
-
#92ad07
#92ad07
rgb(146,173,7)
Color Blindness Simulator
Below, you can see how #686f45 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.