#80af5a color information
In a RGB color space, hex #80af5a is composed of 50.2% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 93.2 degrees, a saturation of 34.7% and a lightness of 52%. #80af5a color hex could be obtained by blending #ffffb4 with #015f00. Closest websafe color is: #999966.
#80af5a color conversion
The hexadecimal color #80af5a has RGB values of R:128, G:175, B:90 and CMYK values of C:0.27, M:0, Y:0.49, K:0.31. Its decimal value is 8433498.
- Hex triplet 80af5a
#80af5a - RGB Decimal 128, 175, 90
rgb(128,175,90) - RGB Percent 50.2, 68.6, 35.3
rgb(50.2%,68.6%,35.3%) - CMYK 27, 0, 49, 31
- HSL 93.2°, 34.7, 52
hsl(93,35%,52%) - HSV (or HSB) 93.2°, 48.6, 68.6
- Web Safe 999966
#999966
- CIE-LAB 66.51, -30.751, 38.406
- XYZ 26.077, 35.987, 15.245
- xyY 0.337, 0.465, 35.987
- CIE-LCH 66.51, 49.2, 128.684
- CIE-LUV 66.51, -23.599, 52.929
- Hunter-Lab 59.989, -27.388, 26.925
- Binary 10000000, 10101111, 01011010
Color Schemes with #80af5a
#80af5a in action
This text has a font color of #80af5a.
<span style="color:#80af5a;">Text here</span>
This paragraph has a background color of #80af5a.
<p style="background-color:#80af5a;">Content here</p>
This element has a border color of #80af5a.
<div style="border:1px solid #80af5a;">Content here</div>
.text {color:#80af5a;}
.background {background-color:#80af5a;}
.border {border:1px solid #80af5a;}
Shades of #80af5a
- #0e140a #0e140a
rgb(14,20,10) - #212e16 #212e16
rgb(33,46,22) - #344923 #344923
rgb(52,73,35) - #476330 #476330
rgb(71,99,48) - #5a7e3d #5a7e3d
rgb(90,126,61) - #6d984a #6d984a
rgb(109,152,74) - #80af5a #80af5a
rgb(128,175,90) - #94bc74 #94bc74
rgb(148,188,116) - #a9c98f #a9c98f
rgb(169,201,143) - #bdd5a9 #bdd5a9
rgb(189,213,169) - #d1e2c4 #d1e2c4
rgb(209,226,196) - #e6efde #e6efde
rgb(230,239,222) - #fafcf9 #fafcf9
rgb(250,252,249)
Color Blindness Simulator
Below, you can see how #80af5a 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.
