#686a1f Color Information
In a RGB color space, hex #686a1f is composed of 40.8% red, 41.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 70.8% yellow and 58.4% black. It has a hue angle of 61.6 degrees, a saturation of 54.7% and a lightness of 26.9%. #686a1f color hex could be obtained by blending #d0d43e with #000000. Closest websafe color is: #666633.
-
- R 41
- G 42
- B 12
-
- C 2
- M 0
- Y 71
- K 58
● #686a1f color description : Very dark yellow [Olive tone].
#686a1f Color Conversion
The hexadecimal color #686a1f has RGB values of R:104, G:106, B:31 and CMYK values of C:0.02, M:0, Y:0.71, K:0.58. Its decimal value is 6842911.
Hex triplet | 686a1f | #686a1f |
---|---|---|
RGB Decimal | 104, 106, 31 | rgb(104,106,31) |
RGB Percent | 40.8, 41.6, 12.2 | rgb(40.8%,41.6%,12.2%) |
CMYK | 2, 0, 71, 58 | |
HSL | 61.6°, 54.7, 26.9 | hsl(61.6,54.7%,26.9%) |
HSV (or HSB) | 61.6°, 70.8, 41.6 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.286, -11.071, 39.938 |
---|---|
XYZ | 11.11, 13.35, 3.288 |
xyY | 0.4, 0.481, 13.35 |
CIE-LCH | 43.286, 41.444, 105.493 |
CIE-LUV | 43.286, 1.713, 42.08 |
Hunter-Lab | 36.538, -9.664, 20.241 |
Binary | 01101000, 01101010, 00011111 |
Color Schemes with #686a1f
Alternatives to #686a1f
Below, you can see some colors close to #686a1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686a1f Preview
This text has a font color of #686a1f.
<span style="color:#686a1f;">Text here</span>
This paragraph has a background color of #686a1f.
<p style="background-color:#686a1f;">Content here</p>
This element has a border color of #686a1f.
<div style="border:1px solid #686a1f;">Content here</div>
.text {color:#686a1f;}
.background {background-color:#686a1f;}
.border {border:1px solid #686a1f;}
Shades and Tints of #686a1f
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, #0f0f04 is the darkest color, while #ffffff is the lightest one.
-
#0f0f04
#0f0f04
rgb(15,15,4)
-
#1e1e09
#1e1e09
rgb(30,30,9)
-
#2c2d0d
#2c2d0d
rgb(44,45,13)
-
#3b3c12
#3b3c12
rgb(59,60,18)
-
#4a4c16
#4a4c16
rgb(74,76,22)
-
#595b1b
#595b1b
rgb(89,91,27)
-
#686a1f
#686a1f
rgb(104,106,31)
-
#777923
#777923
rgb(119,121,35)
-
#868828
#868828
rgb(134,136,40)
-
#95982c
#95982c
rgb(149,152,44)
-
#a4a731
#a4a731
rgb(164,167,49)
-
#b2b635
#b2b635
rgb(178,182,53)
-
#c1c53a
#c1c53a
rgb(193,197,58)
-
#c6ca49
#c6ca49
rgb(198,202,73)
-
#cbce58
#cbce58
rgb(203,206,88)
-
#d0d367
#d0d367
rgb(208,211,103)
-
#d4d776
#d4d776
rgb(212,215,118)
-
#d9db85
#d9db85
rgb(217,219,133)
-
#dee095
#dee095
rgb(222,224,149)
-
#e3e4a4
#e3e4a4
rgb(227,228,164)
-
#e7e9b3
#e7e9b3
rgb(231,233,179)
-
#ecedc2
#ecedc2
rgb(236,237,194)
-
#f1f2d1
#f1f2d1
rgb(241,242,209)
-
#f5f6e0
#f5f6e0
rgb(245,246,224)
-
#fafaf0
#fafaf0
rgb(250,250,240)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #686a1f
A tone is produced by adding gray to any pure hue. In this case, #454544 is the less saturated color, while #818405 is the most saturated one.
-
#454544
#454544
rgb(69,69,68)
-
#4a4a3f
#4a4a3f
rgb(74,74,63)
-
#4f5039
#4f5039
rgb(79,80,57)
-
#545534
#545534
rgb(84,85,52)
-
#595a2f
#595a2f
rgb(89,90,47)
-
#5e5f2a
#5e5f2a
rgb(94,95,42)
-
#636524
#636524
rgb(99,101,36)
-
#686a1f
#686a1f
rgb(104,106,31)
-
#6d6f1a
#6d6f1a
rgb(109,111,26)
-
#727514
#727514
rgb(114,117,20)
-
#777a0f
#777a0f
rgb(119,122,15)
-
#7c7f0a
#7c7f0a
rgb(124,127,10)
-
#818405
#818405
rgb(129,132,5)
Color Blindness Simulator
Below, you can see how #686a1f 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.