#afd676 Color Information
In a RGB color space, hex #afd676 is composed of 68.6% red, 83.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 44.9% yellow and 16.1% black. It has a hue angle of 84.4 degrees, a saturation of 53.9% and a lightness of 65.1%. #afd676 color hex could be obtained by blending #ffffec with #5fad00. Closest websafe color is: #99cc66.
-
- R 69
- G 84
- B 46
-
- C 18
- M 0
- Y 45
- K 16
● #afd676 color description : Slightly desaturated green.
#afd676 Color Conversion
The hexadecimal color #afd676 has RGB values of R:175, G:214, B:118 and CMYK values of C:0.18, M:0, Y:0.45, K:0.16. Its decimal value is 11523702.
Hex triplet | afd676 | #afd676 |
---|---|---|
RGB Decimal | 175, 214, 118 | rgb(175,214,118) |
RGB Percent | 68.6, 83.9, 46.3 | rgb(68.6%,83.9%,46.3%) |
CMYK | 18, 0, 45, 16 | |
HSL | 84.4°, 53.9, 65.1 | hsl(84.4,53.9%,65.1%) |
HSV (or HSB) | 84.4°, 44.9, 83.9 | |
Web Safe | 99cc66 | #99cc66 |
CIE-LAB | 81.024, -28.524, 43.104 |
---|---|
XYZ | 44.995, 58.514, 26.062 |
xyY | 0.347, 0.452, 58.514 |
CIE-LCH | 81.024, 51.687, 123.495 |
CIE-LUV | 81.024, -18.983, 60.903 |
Hunter-Lab | 76.495, -28.871, 33.346 |
Binary | 10101111, 11010110, 01110110 |
Color Schemes with #afd676
Alternatives to #afd676
Below, you can see some colors close to #afd676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd676 Preview
This text has a font color of #afd676.
<span style="color:#afd676;">Text here</span>
This paragraph has a background color of #afd676.
<p style="background-color:#afd676;">Content here</p>
This element has a border color of #afd676.
<div style="border:1px solid #afd676;">Content here</div>
.text {color:#afd676;}
.background {background-color:#afd676;}
.border {border:1px solid #afd676;}
Shades and Tints of #afd676
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, #0a0e04 is the darkest color, while #fefffe is the lightest one.
-
#0a0e04
#0a0e04
rgb(10,14,4)
-
#151d09
#151d09
rgb(21,29,9)
-
#202c0d
#202c0d
rgb(32,44,13)
-
#2a3b12
#2a3b12
rgb(42,59,18)
-
#354a16
#354a16
rgb(53,74,22)
-
#40591b
#40591b
rgb(64,89,27)
-
#4b691f
#4b691f
rgb(75,105,31)
-
#567824
#567824
rgb(86,120,36)
-
#608728
#608728
rgb(96,135,40)
-
#6b962d
#6b962d
rgb(107,150,45)
-
#76a531
#76a531
rgb(118,165,49)
-
#81b436
#81b436
rgb(129,180,54)
-
#8cc33a
#8cc33a
rgb(140,195,58)
-
#95c849
#95c849
rgb(149,200,73)
-
#9dcd58
#9dcd58
rgb(157,205,88)
-
#a6d167
#a6d167
rgb(166,209,103)
-
#afd676
#afd676
rgb(175,214,118)
-
#b8db85
#b8db85
rgb(184,219,133)
-
#c1df94
#c1df94
rgb(193,223,148)
-
#c9e4a3
#c9e4a3
rgb(201,228,163)
-
#d2e8b2
#d2e8b2
rgb(210,232,178)
-
#dbedc1
#dbedc1
rgb(219,237,193)
-
#e4f1d1
#e4f1d1
rgb(228,241,209)
-
#edf6e0
#edf6e0
rgb(237,246,224)
-
#f6faef
#f6faef
rgb(246,250,239)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #afd676
A tone is produced by adding gray to any pure hue. In this case, #a6a6a6 is the less saturated color, while #b5f854 is the most saturated one.
-
#a6a6a6
#a6a6a6
rgb(166,166,166)
-
#a7ad9f
#a7ad9f
rgb(167,173,159)
-
#a9b498
#a9b498
rgb(169,180,152)
-
#aabb91
#aabb91
rgb(170,187,145)
-
#abc18b
#abc18b
rgb(171,193,139)
-
#acc884
#acc884
rgb(172,200,132)
-
#aecf7d
#aecf7d
rgb(174,207,125)
-
#afd676
#afd676
rgb(175,214,118)
-
#b0dd6f
#b0dd6f
rgb(176,221,111)
-
#b2e468
#b2e468
rgb(178,228,104)
-
#b3eb61
#b3eb61
rgb(179,235,97)
-
#b4f15b
#b4f15b
rgb(180,241,91)
-
#b5f854
#b5f854
rgb(181,248,84)
Color Blindness Simulator
Below, you can see how #afd676 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.