#686b2f Color Information
In a RGB color space, hex #686b2f is composed of 40.8% red, 42% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 56.1% yellow and 58% black. It has a hue angle of 63 degrees, a saturation of 39% and a lightness of 30.2%. #686b2f color hex could be obtained by blending #d0d65e with #000000. Closest websafe color is: #666633.
-
- R 41
- G 42
- B 18
-
- C 3
- M 0
- Y 56
- K 58
● #686b2f color description : Very dark desaturated yellow.
#686b2f Color Conversion
The hexadecimal color #686b2f has RGB values of R:104, G:107, B:47 and CMYK values of C:0.03, M:0, Y:0.56, K:0.58. Its decimal value is 6843183.
Hex triplet | 686b2f | #686b2f |
---|---|---|
RGB Decimal | 104, 107, 47 | rgb(104,107,47) |
RGB Percent | 40.8, 42, 18.4 | rgb(40.8%,42%,18.4%) |
CMYK | 3, 0, 56, 58 | |
HSL | 63°, 39, 30.2 | hsl(63,39%,30.2%) |
HSV (or HSB) | 63°, 56.1, 42 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.747, -10.376, 32.746 |
---|---|
XYZ | 11.48, 13.664, 4.722 |
xyY | 0.384, 0.458, 13.664 |
CIE-LCH | 43.747, 34.35, 107.582 |
CIE-LUV | 43.747, 0.731, 36.931 |
Hunter-Lab | 36.965, -9.253, 18.302 |
Binary | 01101000, 01101011, 00101111 |
Color Schemes with #686b2f
Alternatives to #686b2f
Below, you can see some colors close to #686b2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686b2f Preview
This text has a font color of #686b2f.
<span style="color:#686b2f;">Text here</span>
This paragraph has a background color of #686b2f.
<p style="background-color:#686b2f;">Content here</p>
This element has a border color of #686b2f.
<div style="border:1px solid #686b2f;">Content here</div>
.text {color:#686b2f;}
.background {background-color:#686b2f;}
.border {border:1px solid #686b2f;}
Shades and Tints of #686b2f
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, #0b0c05 is the darkest color, while #fefefd is the lightest one.
-
#0b0c05
#0b0c05
rgb(11,12,5)
-
#19190b
#19190b
rgb(25,25,11)
-
#262711
#262711
rgb(38,39,17)
-
#333417
#333417
rgb(51,52,23)
-
#40421d
#40421d
rgb(64,66,29)
-
#4e5023
#4e5023
rgb(78,80,35)
-
#5b5d29
#5b5d29
rgb(91,93,41)
-
#686b2f
#686b2f
rgb(104,107,47)
-
#757935
#757935
rgb(117,121,53)
-
#82863b
#82863b
rgb(130,134,59)
-
#909441
#909441
rgb(144,148,65)
-
#9da247
#9da247
rgb(157,162,71)
-
#aaaf4d
#aaaf4d
rgb(170,175,77)
-
#b2b659
#b2b659
rgb(178,182,89)
-
#b8bc67
#b8bc67
rgb(184,188,103)
-
#bec275
#bec275
rgb(190,194,117)
-
#c5c882
#c5c882
rgb(197,200,130)
-
#cbce90
#cbce90
rgb(203,206,144)
-
#d1d49e
#d1d49e
rgb(209,212,158)
-
#d8daab
#d8daab
rgb(216,218,171)
-
#dee0b9
#dee0b9
rgb(222,224,185)
-
#e5e6c6
#e5e6c6
rgb(229,230,198)
-
#ebecd4
#ebecd4
rgb(235,236,212)
-
#f1f2e2
#f1f2e2
rgb(241,242,226)
-
#f8f8ef
#f8f8ef
rgb(248,248,239)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #686b2f
A tone is produced by adding gray to any pure hue. In this case, #4d4d4d is the less saturated color, while #8d9406 is the most saturated one.
-
#4d4d4d
#4d4d4d
rgb(77,77,77)
-
#535347
#535347
rgb(83,83,71)
-
#585941
#585941
rgb(88,89,65)
-
#5d5f3b
#5d5f3b
rgb(93,95,59)
-
#636535
#636535
rgb(99,101,53)
-
#686b2f
#686b2f
rgb(104,107,47)
-
#6d7129
#6d7129
rgb(109,113,41)
-
#737723
#737723
rgb(115,119,35)
-
#787d1d
#787d1d
rgb(120,125,29)
-
#7d8317
#7d8317
rgb(125,131,23)
-
#838911
#838911
rgb(131,137,17)
-
#888f0b
#888f0b
rgb(136,143,11)
-
#8d9406
#8d9406
rgb(141,148,6)
Color Blindness Simulator
Below, you can see how #686b2f 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.