#abc686 Color Information
In a RGB color space, hex #abc686 is composed of 67.1% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 0% magenta, 32.3% yellow and 22.4% black. It has a hue angle of 85.3 degrees, a saturation of 36% and a lightness of 65.1%. #abc686 color hex could be obtained by blending #ffffff with #578d0d. Closest websafe color is: #99cc99.
-
- R 67
- G 78
- B 53
-
- C 14
- M 0
- Y 32
- K 22
● #abc686 color description : Slightly desaturated green.
#abc686 Color Conversion
The hexadecimal color #abc686 has RGB values of R:171, G:198, B:134 and CMYK values of C:0.14, M:0, Y:0.32, K:0.22. Its decimal value is 11257478.
Hex triplet | abc686 | #abc686 |
---|---|---|
RGB Decimal | 171, 198, 134 | rgb(171,198,134) |
RGB Percent | 67.1, 77.6, 52.5 | rgb(67.1%,77.6%,52.5%) |
CMYK | 14, 0, 32, 22 | |
HSL | 85.3°, 36, 65.1 | hsl(85.3,36%,65.1%) |
HSV (or HSB) | 85.3°, 32.3, 77.6 | |
Web Safe | 99cc99 | #99cc99 |
CIE-LAB | 76.538, -20.187, 29.151 |
---|---|
XYZ | 41.291, 50.767, 30.177 |
xyY | 0.338, 0.415, 50.767 |
CIE-LCH | 76.538, 35.458, 124.703 |
CIE-LUV | 76.538, -12.889, 42.91 |
Hunter-Lab | 71.251, -21.246, 24.765 |
Binary | 10101011, 11000110, 10000110 |
Color Schemes with #abc686
Alternatives to #abc686
Below, you can see some colors close to #abc686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#abc686 Preview
This text has a font color of #abc686.
<span style="color:#abc686;">Text here</span>
This paragraph has a background color of #abc686.
<p style="background-color:#abc686;">Content here</p>
This element has a border color of #abc686.
<div style="border:1px solid #abc686;">Content here</div>
.text {color:#abc686;}
.background {background-color:#abc686;}
.border {border:1px solid #abc686;}
Shades and Tints of #abc686
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, #0a0c06 is the darkest color, while #fefffe is the lightest one.
-
#0a0c06
#0a0c06
rgb(10,12,6)
-
#141a0c
#141a0c
rgb(20,26,12)
-
#1e2712
#1e2712
rgb(30,39,18)
-
#293419
#293419
rgb(41,52,25)
-
#33421f
#33421f
rgb(51,66,31)
-
#3d4f25
#3d4f25
rgb(61,79,37)
-
#485c2c
#485c2c
rgb(72,92,44)
-
#526a32
#526a32
rgb(82,106,50)
-
#5c7738
#5c7738
rgb(92,119,56)
-
#67843e
#67843e
rgb(103,132,62)
-
#719245
#719245
rgb(113,146,69)
-
#7c9f4b
#7c9f4b
rgb(124,159,75)
-
#86ac51
#86ac51
rgb(134,172,81)
-
#8fb35e
#8fb35e
rgb(143,179,94)
-
#98b96b
#98b96b
rgb(152,185,107)
-
#a2c079
#a2c079
rgb(162,192,121)
-
#abc686
#abc686
rgb(171,198,134)
-
#b4cc93
#b4cc93
rgb(180,204,147)
-
#bed3a1
#bed3a1
rgb(190,211,161)
-
#c7d9ae
#c7d9ae
rgb(199,217,174)
-
#d0dfbb
#d0dfbb
rgb(208,223,187)
-
#d9e5c9
#d9e5c9
rgb(217,229,201)
-
#e3ecd6
#e3ecd6
rgb(227,236,214)
-
#ecf2e3
#ecf2e3
rgb(236,242,227)
-
#f5f8f1
#f5f8f1
rgb(245,248,241)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #abc686
A tone is produced by adding gray to any pure hue. In this case, #a7aba1 is the less saturated color, while #b4fd4f is the most saturated one.
-
#a7aba1
#a7aba1
rgb(167,171,161)
-
#a8b19b
#a8b19b
rgb(168,177,155)
-
#a9b894
#a9b894
rgb(169,184,148)
-
#aabf8d
#aabf8d
rgb(170,191,141)
-
#abc686
#abc686
rgb(171,198,134)
-
#accd7f
#accd7f
rgb(172,205,127)
-
#add478
#add478
rgb(173,212,120)
-
#aedb71
#aedb71
rgb(174,219,113)
-
#afe16b
#afe16b
rgb(175,225,107)
-
#b0e864
#b0e864
rgb(176,232,100)
-
#b1ef5d
#b1ef5d
rgb(177,239,93)
-
#b2f656
#b2f656
rgb(178,246,86)
-
#b4fd4f
#b4fd4f
rgb(180,253,79)
Color Blindness Simulator
Below, you can see how #abc686 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.