#5baf64 color information
In a RGB color space, hex #5baf64 is composed of 35.7% red, 68.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 42.9% yellow and 31.4% black. It has a hue angle of 126.4 degrees, a saturation of 34.4% and a lightness of 52.2%. #5baf64 color hex could be obtained by blending #b6ffc8 with #005f00. Closest websafe color is: #669966.
#5baf64 color conversion
The hexadecimal color #5baf64 has RGB values of R:91, G:175, B:100 and CMYK values of C:0.48, M:0, Y:0.43, K:0.31. Its decimal value is 6008676.
- Hex triplet 5baf64
#5baf64 - RGB Decimal 91, 175, 100
rgb(91,175,100) - RGB Percent 35.7, 68.6, 39.2
rgb(35.7%,68.6%,39.2%) - CMYK 48, 0, 43, 31
- HSL 126.4°, 34.4, 52.2
hsl(126,34%,52%) - HSV (or HSB) 126.4°, 48, 68.6
- Web Safe 669966
#669966
- CIE-LAB 64.806, -41.569, 30.738
- XYZ 21.943, 33.803, 17.424
- xyY 0.3, 0.462, 33.803
- CIE-LCH 64.806, 51.699, 143.519
- CIE-LUV 64.806, -39.455, 46.382
- Hunter-Lab 58.14, -34.375, 22.929
- Binary 01011011, 10101111, 01100100
Color Schemes with #5baf64
#5baf64 in action
This text has a font color of #5baf64.
<span style="color:#5baf64;">Text here</span>
This paragraph has a background color of #5baf64.
<p style="background-color:#5baf64;">Content here</p>
This element has a border color of #5baf64.
<div style="border:1px solid #5baf64;">Content here</div>
.text {color:#5baf64;}
.background {background-color:#5baf64;}
.border {border:1px solid #5baf64;}
Shades of #5baf64
- #0a150b #0a150b
rgb(10,21,11) - #172f19 #172f19
rgb(23,47,25) - #244928 #244928
rgb(36,73,40) - #316436 #316436
rgb(49,100,54) - #3d7e44 #3d7e44
rgb(61,126,68) - #4a9853 #4a9853
rgb(74,152,83) - #5baf64 #5baf64
rgb(91,175,100) - #75bc7d #75bc7d
rgb(117,188,125) - #90c996 #90c996
rgb(144,201,150) - #aad6af #aad6af
rgb(170,214,175) - #c4e2c8 #c4e2c8
rgb(196,226,200) - #dfefe1 #dfefe1
rgb(223,239,225) - #f9fcfa #f9fcfa
rgb(249,252,250)
Color Blindness Simulator
Below, you can see how #5baf64 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.
