#686a45 Color Information
In a RGB color space, hex #686a45 is composed of 40.8% red, 41.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 34.9% yellow and 58.4% black. It has a hue angle of 63.2 degrees, a saturation of 21.1% and a lightness of 34.3%. #686a45 color hex could be obtained by blending #d0d48a with #000000. Closest websafe color is: #666633.
-
- R 41
- G 42
- B 27
-
- C 2
- M 0
- Y 35
- K 58
● #686a45 color description : Very dark grayish yellow.
#686a45 Color Conversion
The hexadecimal color #686a45 has RGB values of R:104, G:106, B:69 and CMYK values of C:0.02, M:0, Y:0.35, K:0.58. Its decimal value is 6842949.
Hex triplet | 686a45 | #686a45 |
---|---|---|
RGB Decimal | 104, 106, 69 | rgb(104,106,69) |
RGB Percent | 40.8, 41.6, 27.1 | rgb(40.8%,41.6%,27.1%) |
CMYK | 2, 0, 35, 58 | |
HSL | 63.2°, 21.1, 34.3 | hsl(63.2,21.1%,34.3%) |
HSV (or HSB) | 63.2°, 34.9, 41.6 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.772, -7.244, 20.557 |
---|---|
XYZ | 11.937, 13.681, 7.642 |
xyY | 0.359, 0.411, 13.681 |
CIE-LCH | 43.772, 21.796, 109.412 |
CIE-LUV | 43.772, 0.596, 25.342 |
Hunter-Lab | 36.988, -7.122, 13.642 |
Binary | 01101000, 01101010, 01000101 |
Color Schemes with #686a45
Alternatives to #686a45
Below, you can see some colors close to #686a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a45 Preview
This text has a font color of #686a45.
<span style="color:#686a45;">Text here</span>
This paragraph has a background color of #686a45.
<p style="background-color:#686a45;">Content here</p>
This element has a border color of #686a45.
<div style="border:1px solid #686a45;">Content here</div>
.text {color:#686a45;}
.background {background-color:#686a45;}
.border {border:1px solid #686a45;}
Shades and Tints of #686a45
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, #0b0b07 is the darkest color, while #fefefe is the lightest one.
-
#0b0b07
#0b0b07
rgb(11,11,7)
-
#16170f
#16170f
rgb(22,23,15)
-
#222317
#222317
rgb(34,35,23)
-
#2e2f1e
#2e2f1e
rgb(46,47,30)
-
#393a26
#393a26
rgb(57,58,38)
-
#45462e
#45462e
rgb(69,70,46)
-
#515236
#515236
rgb(81,82,54)
-
#5c5e3d
#5c5e3d
rgb(92,94,61)
-
#686a45
#686a45
rgb(104,106,69)
-
#74764d
#74764d
rgb(116,118,77)
-
#7f8254
#7f8254
rgb(127,130,84)
-
#8b8e5c
#8b8e5c
rgb(139,142,92)
-
#979a64
#979a64
rgb(151,154,100)
-
#9fa26f
#9fa26f
rgb(159,162,111)
-
#a7a97b
#a7a97b
rgb(167,169,123)
-
#afb187
#afb187
rgb(175,177,135)
-
#b7b993
#b7b993
rgb(183,185,147)
-
#bfc19f
#bfc19f
rgb(191,193,159)
-
#c7c8ab
#c7c8ab
rgb(199,200,171)
-
#cfd0b7
#cfd0b7
rgb(207,208,183)
-
#d7d8c3
#d7d8c3
rgb(215,216,195)
-
#dfdfcf
#dfdfcf
rgb(223,223,207)
-
#e7e7da
#e7e7da
rgb(231,231,218)
-
#eeefe6
#eeefe6
rgb(238,239,230)
-
#f6f7f2
#f6f7f2
rgb(246,247,242)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #686a45
A tone is produced by adding gray to any pure hue. In this case, #5c5d52 is the less saturated color, while #a4ad02 is the most saturated one.
-
#5c5d52
#5c5d52
rgb(92,93,82)
-
#62634c
#62634c
rgb(98,99,76)
-
#686a45
#686a45
rgb(104,106,69)
-
#6e713e
#6e713e
rgb(110,113,62)
-
#747738
#747738
rgb(116,119,56)
-
#7a7e31
#7a7e31
rgb(122,126,49)
-
#80852a
#80852a
rgb(128,133,42)
-
#868c23
#868c23
rgb(134,140,35)
-
#8c921d
#8c921d
rgb(140,146,29)
-
#929916
#929916
rgb(146,153,22)
-
#98a00f
#98a00f
rgb(152,160,15)
-
#9ea708
#9ea708
rgb(158,167,8)
-
#a4ad02
#a4ad02
rgb(164,173,2)
Color Blindness Simulator
Below, you can see how #686a45 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.