#5af553 Color Information
In a RGB color space, hex #5af553 is composed of 35.3% red, 96.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 66.1% yellow and 3.9% black. It has a hue angle of 117.4 degrees, a saturation of 89% and a lightness of 64.3%. #5af553 color hex could be obtained by blending #b4ffa6 with #00eb00. Closest websafe color is: #66ff66.
-
- R 35
- G 96
- B 33
-
- C 63
- M 0
- Y 66
- K 4
● #5af553 color description : Soft lime green.
#5af553 Color Conversion
The hexadecimal color #5af553 has RGB values of R:90, G:245, B:83 and CMYK values of C:0.63, M:0, Y:0.66, K:0.04. Its decimal value is 5961043.
| Hex triplet | 5af553 | #5af553 |
|---|---|---|
| RGB Decimal | 90, 245, 83 | rgb(90,245,83) |
| RGB Percent | 35.3, 96.1, 32.5 | rgb(35.3%,96.1%,32.5%) |
| CMYK | 63, 0, 66, 4 | |
| HSL | 117.4°, 89, 64.3 | hsl(117.4,89%,64.3%) |
| HSV (or HSB) | 117.4°, 66.1, 96.1 | |
| Web Safe | 66ff66 | #66ff66 |
| CIE-LAB | 86.056, -70.177, 63.607 |
|---|---|
| XYZ | 38.428, 68.1, 19.303 |
| xyY | 0.305, 0.541, 68.1 |
| CIE-LCH | 86.056, 94.713, 137.811 |
| CIE-LUV | 86.056, -67.493, 89.448 |
| Hunter-Lab | 82.522, -61.292, 43.897 |
| Binary | 01011010, 11110101, 01010011 |
Color Schemes with #5af553
Alternatives to #5af553
Below, you can see some colors close to #5af553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af553 Preview
This text has a font color of #5af553.
<span style="color:#5af553;">Text here</span>
This paragraph has a background color of #5af553.
<p style="background-color:#5af553;">Content here</p>
This element has a border color of #5af553.
<div style="border:1px solid #5af553;">Content here</div>
.text {color:#5af553;}
.background {background-color:#5af553;}
.border {border:1px solid #5af553;}
Shades and Tints of #5af553
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, #010d01 is the darkest color, while #fafffa is the lightest one.
-
#010d01
#010d01rgb(1,13,1) -
#032002
#032002rgb(3,32,2) -
#053203
#053203rgb(5,50,3) -
#074504
#074504rgb(7,69,4) -
#095805
#095805rgb(9,88,5) -
#0a6a06
#0a6a06rgb(10,106,6) -
#0c7d07
#0c7d07rgb(12,125,7) -
#0e8f08
#0e8f08rgb(14,143,8) -
#10a209
#10a209rgb(16,162,9) -
#12b40a
#12b40argb(18,180,10) -
#14c70c
#14c70crgb(20,199,12) -
#15d90d
#15d90drgb(21,217,13) -
#17ec0e
#17ec0ergb(23,236,14)
-
#25f21b
#25f21brgb(37,242,27) -
#36f32e
#36f32ergb(54,243,46) -
#48f440
#48f440rgb(72,244,64) -
#5af553
#5af553rgb(90,245,83) -
#6cf666
#6cf666rgb(108,246,102) -
#7ef778
#7ef778rgb(126,247,120) -
#8ff88b
#8ff88brgb(143,248,139) -
#a1f99d
#a1f99drgb(161,249,157) -
#b3fab0
#b3fab0rgb(179,250,176) -
#c5fbc2
#c5fbc2rgb(197,251,194) -
#d6fdd5
#d6fdd5rgb(214,253,213) -
#e8fee7
#e8fee7rgb(232,254,231) -
#fafffa
#fafffargb(250,255,250)
Tones of #5af553
A tone is produced by adding gray to any pure hue. In this case, #a0a8a0 is the less saturated color, while #54fc4c is the most saturated one.
-
#a0a8a0
#a0a8a0rgb(160,168,160) -
#9aaf99
#9aaf99rgb(154,175,153) -
#94b692
#94b692rgb(148,182,146) -
#8dbd8b
#8dbd8brgb(141,189,139) -
#87c484
#87c484rgb(135,196,132) -
#80cb7d
#80cb7drgb(128,203,125) -
#7ad276
#7ad276rgb(122,210,118) -
#74d96f
#74d96frgb(116,217,111) -
#6de068
#6de068rgb(109,224,104) -
#67e761
#67e761rgb(103,231,97) -
#60ee5a
#60ee5argb(96,238,90) -
#5af553
#5af553rgb(90,245,83) -
#54fc4c
#54fc4crgb(84,252,76)
Color Blindness Simulator
Below, you can see how #5af553 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.
