#aaf686 Color Information
In a RGB color space, hex #aaf686 is composed of 66.7% red, 96.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 45.5% yellow and 3.5% black. It has a hue angle of 100.7 degrees, a saturation of 86.2% and a lightness of 74.5%. #aaf686 color hex could be obtained by blending #ffffff with #55ed0d. Closest websafe color is: #99ff99.
-
- R 67
- G 96
- B 53
-
- C 31
- M 0
- Y 46
- K 4
● #aaf686 color description : Soft green.
#aaf686 Color Conversion
The hexadecimal color #aaf686 has RGB values of R:170, G:246, B:134 and CMYK values of C:0.31, M:0, Y:0.46, K:0.04. Its decimal value is 11204230.
Hex triplet | aaf686 | #aaf686 |
---|---|---|
RGB Decimal | 170, 246, 134 | rgb(170,246,134) |
RGB Percent | 66.7, 96.5, 52.5 | rgb(66.7%,96.5%,52.5%) |
CMYK | 31, 0, 46, 4 | |
HSL | 100.7°, 86.2, 74.5 | hsl(100.7,86.2%,74.5%) |
HSV (or HSB) | 100.7°, 45.5, 96.5 | |
Web Safe | 99ff99 | #99ff99 |
CIE-LAB | 89.941, -42.951, 46.415 |
---|---|
XYZ | 53.835, 76.177, 34.42 |
xyY | 0.327, 0.463, 76.177 |
CIE-LCH | 89.941, 63.239, 132.781 |
CIE-LUV | 89.941, -37.606, 69.154 |
Hunter-Lab | 87.279, -42.639, 37.714 |
Binary | 10101010, 11110110, 10000110 |
Color Schemes with #aaf686
Alternatives to #aaf686
Below, you can see some colors close to #aaf686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aaf686 Preview
This text has a font color of #aaf686.
<span style="color:#aaf686;">Text here</span>
This paragraph has a background color of #aaf686.
<p style="background-color:#aaf686;">Content here</p>
This element has a border color of #aaf686.
<div style="border:1px solid #aaf686;">Content here</div>
.text {color:#aaf686;}
.background {background-color:#aaf686;}
.border {border:1px solid #aaf686;}
Shades and Tints of #aaf686
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, #030701 is the darkest color, while #f7fef4 is the lightest one.
-
#030701
#030701
rgb(3,7,1)
-
#091902
#091902
rgb(9,25,2)
-
#102b03
#102b03
rgb(16,43,3)
-
#173e05
#173e05
rgb(23,62,5)
-
#1e5006
#1e5006
rgb(30,80,6)
-
#246207
#246207
rgb(36,98,7)
-
#2b7409
#2b7409
rgb(43,116,9)
-
#32870a
#32870a
rgb(50,135,10)
-
#39990b
#39990b
rgb(57,153,11)
-
#40ab0d
#40ab0d
rgb(64,171,13)
-
#46bd0e
#46bd0e
rgb(70,189,14)
-
#4dd00f
#4dd00f
rgb(77,208,15)
-
#54e211
#54e211
rgb(84,226,17)
-
#5dee18
#5dee18
rgb(93,238,24)
-
#6aef2b
#6aef2b
rgb(106,239,43)
-
#77f13d
#77f13d
rgb(119,241,61)
-
#84f24f
#84f24f
rgb(132,242,79)
-
#90f361
#90f361
rgb(144,243,97)
-
#9df574
#9df574
rgb(157,245,116)
-
#aaf686
#aaf686
rgb(170,246,134)
-
#b7f798
#b7f798
rgb(183,247,152)
-
#c4f9ab
#c4f9ab
rgb(196,249,171)
-
#d0fabd
#d0fabd
rgb(208,250,189)
-
#ddfbcf
#ddfbcf
rgb(221,251,207)
-
#eafde1
#eafde1
rgb(234,253,225)
-
#f7fef4
#f7fef4
rgb(247,254,244)
Tones of #aaf686
A tone is produced by adding gray to any pure hue. In this case, #bebfbd is the less saturated color, while #a8fb81 is the most saturated one.
-
#bebfbd
#bebfbd
rgb(190,191,189)
-
#bcc4b8
#bcc4b8
rgb(188,196,184)
-
#bac9b3
#bac9b3
rgb(186,201,179)
-
#b8ceae
#b8ceae
rgb(184,206,174)
-
#b7d3a9
#b7d3a9
rgb(183,211,169)
-
#b5d8a4
#b5d8a4
rgb(181,216,164)
-
#b3dd9f
#b3dd9f
rgb(179,221,159)
-
#b1e29a
#b1e29a
rgb(177,226,154)
-
#afe795
#afe795
rgb(175,231,149)
-
#aeec90
#aeec90
rgb(174,236,144)
-
#acf18b
#acf18b
rgb(172,241,139)
-
#aaf686
#aaf686
rgb(170,246,134)
-
#a8fb81
#a8fb81
rgb(168,251,129)
Color Blindness Simulator
Below, you can see how #aaf686 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.