#afc686 Color Information
In a RGB color space, hex #afc686 is composed of 68.6% red, 77.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 32.3% yellow and 22.4% black. It has a hue angle of 81.6 degrees, a saturation of 36% and a lightness of 65.1%. #afc686 color hex could be obtained by blending #ffffff with #5f8d0d. Closest websafe color is: #99cc99.
-
- R 69
- G 78
- B 53
-
- C 12
- M 0
- Y 32
- K 22
● #afc686 color description : Slightly desaturated green.
#afc686 Color Conversion
The hexadecimal color #afc686 has RGB values of R:175, G:198, B:134 and CMYK values of C:0.12, M:0, Y:0.32, K:0.22. Its decimal value is 11519622.
Hex triplet | afc686 | #afc686 |
---|---|---|
RGB Decimal | 175, 198, 134 | rgb(175,198,134) |
RGB Percent | 68.6, 77.6, 52.5 | rgb(68.6%,77.6%,52.5%) |
CMYK | 12, 0, 32, 22 | |
HSL | 81.6°, 36, 65.1 | hsl(81.6,36%,65.1%) |
HSV (or HSB) | 81.6°, 32.3, 77.6 | |
Web Safe | 99cc99 | #99cc99 |
CIE-LAB | 76.814, -18.693, 29.568 |
---|---|
XYZ | 42.175, 51.223, 30.218 |
xyY | 0.341, 0.414, 51.223 |
CIE-LCH | 76.814, 34.981, 122.301 |
CIE-LUV | 76.814, -10.623, 43.165 |
Hunter-Lab | 71.57, -20.06, 25.066 |
Binary | 10101111, 11000110, 10000110 |
Color Schemes with #afc686
Alternatives to #afc686
Below, you can see some colors close to #afc686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afc686 Preview
This text has a font color of #afc686.
<span style="color:#afc686;">Text here</span>
This paragraph has a background color of #afc686.
<p style="background-color:#afc686;">Content here</p>
This element has a border color of #afc686.
<div style="border:1px solid #afc686;">Content here</div>
.text {color:#afc686;}
.background {background-color:#afc686;}
.border {border:1px solid #afc686;}
Shades and Tints of #afc686
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)
-
#151a0c
#151a0c
rgb(21,26,12)
-
#202712
#202712
rgb(32,39,18)
-
#2a3419
#2a3419
rgb(42,52,25)
-
#35421f
#35421f
rgb(53,66,31)
-
#404f25
#404f25
rgb(64,79,37)
-
#4b5c2c
#4b5c2c
rgb(75,92,44)
-
#566a32
#566a32
rgb(86,106,50)
-
#607738
#607738
rgb(96,119,56)
-
#6b843e
#6b843e
rgb(107,132,62)
-
#769245
#769245
rgb(118,146,69)
-
#819f4b
#819f4b
rgb(129,159,75)
-
#8cac51
#8cac51
rgb(140,172,81)
-
#95b35e
#95b35e
rgb(149,179,94)
-
#9db96b
#9db96b
rgb(157,185,107)
-
#a6c079
#a6c079
rgb(166,192,121)
-
#afc686
#afc686
rgb(175,198,134)
-
#b8cc93
#b8cc93
rgb(184,204,147)
-
#c1d3a1
#c1d3a1
rgb(193,211,161)
-
#c9d9ae
#c9d9ae
rgb(201,217,174)
-
#d2dfbb
#d2dfbb
rgb(210,223,187)
-
#dbe5c9
#dbe5c9
rgb(219,229,201)
-
#e4ecd6
#e4ecd6
rgb(228,236,214)
-
#edf2e3
#edf2e3
rgb(237,242,227)
-
#f6f8f1
#f6f8f1
rgb(246,248,241)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #afc686
A tone is produced by adding gray to any pure hue. In this case, #a7aba1 is the less saturated color, while #befd4f is the most saturated one.
-
#a7aba1
#a7aba1
rgb(167,171,161)
-
#a9b19b
#a9b19b
rgb(169,177,155)
-
#abb894
#abb894
rgb(171,184,148)
-
#adbf8d
#adbf8d
rgb(173,191,141)
-
#afc686
#afc686
rgb(175,198,134)
-
#b1cd7f
#b1cd7f
rgb(177,205,127)
-
#b3d478
#b3d478
rgb(179,212,120)
-
#b5db71
#b5db71
rgb(181,219,113)
-
#b7e16b
#b7e16b
rgb(183,225,107)
-
#b9e864
#b9e864
rgb(185,232,100)
-
#bbef5d
#bbef5d
rgb(187,239,93)
-
#bcf656
#bcf656
rgb(188,246,86)
-
#befd4f
#befd4f
rgb(190,253,79)
Color Blindness Simulator
Below, you can see how #afc686 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.