#afe678 Color Information
In a RGB color space, hex #afe678 is composed of 68.6% red, 90.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 0% magenta, 47.8% yellow and 9.8% black. It has a hue angle of 90 degrees, a saturation of 68.8% and a lightness of 68.6%. #afe678 color hex could be obtained by blending #fffff0 with #5fcd00. Closest websafe color is: #99ff66.
-
- R 69
- G 90
- B 47
-
- C 24
- M 0
- Y 48
- K 10
● #afe678 color description : Soft green.
#afe678 Color Conversion
The hexadecimal color #afe678 has RGB values of R:175, G:230, B:120 and CMYK values of C:0.24, M:0, Y:0.48, K:0.1. Its decimal value is 11527800.
Hex triplet | afe678 | #afe678 |
---|---|---|
RGB Decimal | 175, 230, 120 | rgb(175,230,120) |
RGB Percent | 68.6, 90.2, 47.1 | rgb(68.6%,90.2%,47.1%) |
CMYK | 24, 0, 48, 10 | |
HSL | 90°, 68.8, 68.6 | hsl(90,68.8%,68.6%) |
HSV (or HSB) | 90°, 47.8, 90.2 | |
Web Safe | 99ff66 | #99ff66 |
CIE-LAB | 85.535, -35.742, 47.709 |
---|---|
XYZ | 49.365, 67.062, 28.112 |
xyY | 0.342, 0.464, 67.062 |
CIE-LCH | 85.535, 59.612, 126.839 |
CIE-LUV | 85.535, -27.326, 68.133 |
Hunter-Lab | 81.892, -35.709, 36.971 |
Binary | 10101111, 11100110, 01111000 |
Color Schemes with #afe678
Alternatives to #afe678
Below, you can see some colors close to #afe678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afe678 Preview
This text has a font color of #afe678.
<span style="color:#afe678;">Text here</span>
This paragraph has a background color of #afe678.
<p style="background-color:#afe678;">Content here</p>
This element has a border color of #afe678.
<div style="border:1px solid #afe678;">Content here</div>
.text {color:#afe678;}
.background {background-color:#afe678;}
.border {border:1px solid #afe678;}
Shades and Tints of #afe678
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, #080e03 is the darkest color, while #fdfffc is the lightest one.
-
#080e03
#080e03
rgb(8,14,3)
-
#121f06
#121f06
rgb(18,31,6)
-
#1c2f09
#1c2f09
rgb(28,47,9)
-
#26400c
#26400c
rgb(38,64,12)
-
#30500f
#30500f
rgb(48,80,15)
-
#396112
#396112
rgb(57,97,18)
-
#437115
#437115
rgb(67,113,21)
-
#4d8218
#4d8218
rgb(77,130,24)
-
#57921b
#57921b
rgb(87,146,27)
-
#61a31e
#61a31e
rgb(97,163,30)
-
#6ab321
#6ab321
rgb(106,179,33)
-
#74c424
#74c424
rgb(116,196,36)
-
#7ed527
#7ed527
rgb(126,213,39)
-
#88da36
#88da36
rgb(136,218,54)
-
#92dd46
#92dd46
rgb(146,221,70)
-
#9be057
#9be057
rgb(155,224,87)
-
#a5e367
#a5e367
rgb(165,227,103)
-
#afe678
#afe678
rgb(175,230,120)
-
#b9e989
#b9e989
rgb(185,233,137)
-
#c3ec99
#c3ec99
rgb(195,236,153)
-
#ccefaa
#ccefaa
rgb(204,239,170)
-
#d6f2ba
#d6f2ba
rgb(214,242,186)
-
#e0f5cb
#e0f5cb
rgb(224,245,203)
-
#eaf8db
#eaf8db
rgb(234,248,219)
-
#f4fbec
#f4fbec
rgb(244,251,236)
-
#fdfffc
#fdfffc
rgb(253,255,252)
Tones of #afe678
A tone is produced by adding gray to any pure hue. In this case, #afb5a9 is the less saturated color, while #afff5f is the most saturated one.
-
#afb5a9
#afb5a9
rgb(175,181,169)
-
#afbba3
#afbba3
rgb(175,187,163)
-
#afc19d
#afc19d
rgb(175,193,157)
-
#afc797
#afc797
rgb(175,199,151)
-
#afcd91
#afcd91
rgb(175,205,145)
-
#afd48a
#afd48a
rgb(175,212,138)
-
#afda84
#afda84
rgb(175,218,132)
-
#afe07e
#afe07e
rgb(175,224,126)
-
#afe678
#afe678
rgb(175,230,120)
-
#afec72
#afec72
rgb(175,236,114)
-
#aff26c
#aff26c
rgb(175,242,108)
-
#aff866
#aff866
rgb(175,248,102)
-
#afff5f
#afff5f
rgb(175,255,95)
Color Blindness Simulator
Below, you can see how #afe678 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.