#5af555 hex color

In a RGB color space, hex #5af555 is composed of 35.3% red, 96.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 118.1 degrees, a saturation of 88.9% and a lightness of 64.7%. #5af555 color hex could be obtained by blending #b4ffaa with #00eb00. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 35
- G 96
- B 33
RGB color chart
- C 63
- M 0
- Y 65
- K 4
CMYK color chart

● #5af555 color description : Soft lime green.

The hexadecimal color #5af555 has RGB values of R:90, G:245, B:85 and CMYK values of C:0.63, M:0, Y:0.65, K:0.04. Its decimal value is 5961045.

Hex triplet	5af555	`#5af555`
RGB Decimal	90, 245, 85	`rgb(90,245,85)`
RGB Percent	35.3, 96.1, 33.3	`rgb(35.3%,96.1%,33.3%)`
CMYK	63, 0, 65, 4
HSL	118.1°, 88.9, 64.7	`hsl(118.1,88.9%,64.7%)`
HSV (or HSB)	118.1°, 65.3, 96.1
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.072, -69.993, 62.839
XYZ	38.507, 68.131, 19.715
xyY	0.305, 0.539, 68.131
CIE-LCH	86.072, 94.063, 138.083
CIE-LUV	86.072, -67.437, 88.768
Hunter-Lab	82.541, -61.175, 43.618
Binary	01011010, 11110101, 01010101

#5af555
```
#5af555 rgb(90,245,85)
```
#f055f5
```
#f055f5 rgb(240,85,245)
```

Complementary Color

#aaf555
```
#aaf555 rgb(170,245,85)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#55f5a0
```
#55f5a0 rgb(85,245,160)
```

Analogous Color

#f555aa
```
#f555aa rgb(245,85,170)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#a055f5
```
#a055f5 rgb(160,85,245)
```

Split Complementary Color

#f5555a
```
#f5555a rgb(245,85,90)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#555af5
```
#555af5 rgb(85,90,245)
```

Triadic Color

#f5f055
```
#f5f055 rgb(245,240,85)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#555af5
```
#555af5 rgb(85,90,245)
```
#f055f5
```
#f055f5 rgb(240,85,245)
```

Tetradic Color

#15ef0e
```
#15ef0e rgb(21,239,14)
```
#2bf225
```
#2bf225 rgb(43,242,37)
```
#43f43d
```
#43f43d rgb(67,244,61)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#71f66d
```
#71f66d rgb(113,246,109)
```
#89f885
```
#89f885 rgb(137,248,133)
```
#a0f99d
```
#a0f99d rgb(160,249,157)
```

Monochromatic Color

Below, you can see some colors close to #5af555. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#82f555
```
#82f555 rgb(130,245,85)
```
#75f555
```
#75f555 rgb(117,245,85)
```
#67f555
```
#67f555 rgb(103,245,85)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#55f55d
```
#55f55d rgb(85,245,93)
```
#55f56b
```
#55f56b rgb(85,245,107)
```
#55f578
```
#55f578 rgb(85,245,120)
```

Similar Colors

Text with hexadecimal color #5af555

This text has a font color of #5af555.

<span style="color:#5af555;">Text here</span>

#5af555 background color

This paragraph has a background color of #5af555.

<p style="background-color:#5af555;">Content here</p>

#5af555 border color

This element has a border color of #5af555.

<div style="border:1px solid #5af555;">Content here</div>

CSS codes

.text {color:#5af555;}

.background {background-color:#5af555;}

.border {border:1px solid #5af555;}

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, #010f01 is the darkest color, while #fcfffc is the lightest one.

#010f01
```
#010f01 rgb(1,15,1)
```
#032202
```
#032202 rgb(3,34,2)
```
#053403
```
#053403 rgb(5,52,3)
```
#064704
```
#064704 rgb(6,71,4)
```
#085905
```
#085905 rgb(8,89,5)
```
#0a6c06
```
#0a6c06 rgb(10,108,6)
```
#0b7e07
```
#0b7e07 rgb(11,126,7)
```
#0d9109
```
#0d9109 rgb(13,145,9)
```
#0ea30a
```
#0ea30a rgb(14,163,10)
```
#10b60b
```
#10b60b rgb(16,182,11)
```
#12c90c
```
#12c90c rgb(18,201,12)
```
#13db0d
```
#13db0d rgb(19,219,13)
```
#15ee0e
```
#15ee0e rgb(21,238,14)
```

Shade Color Variation

#24f21d
```
#24f21d rgb(36,242,29)
```
#36f330
```
#36f330 rgb(54,243,48)
```
#48f442
```
#48f442 rgb(72,244,66)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#6cf668
```
#6cf668 rgb(108,246,104)
```
#7ef77a
```
#7ef77a rgb(126,247,122)
```
#90f88d
```
#90f88d rgb(144,248,141)
```
#a2f99f
```
#a2f99f rgb(162,249,159)
```
#b4fab2
```
#b4fab2 rgb(180,250,178)
```
#c6fcc4
```
#c6fcc4 rgb(198,252,196)
```
#d8fdd7
```
#d8fdd7 rgb(216,253,215)
```
#eafee9
```
#eafee9 rgb(234,254,233)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a9a1 is the less saturated color, while #54fc4e is the most saturated one.

#a1a9a1
```
#a1a9a1 rgb(161,169,161)
```
#9bb09a
```
#9bb09a rgb(155,176,154)
```
#94b793
```
#94b793 rgb(148,183,147)
```
#8ebe8c
```
#8ebe8c rgb(142,190,140)
```
#87c585
```
#87c585 rgb(135,197,133)
```
#81cb7f
```
#81cb7f rgb(129,203,127)
```
#7ad278
```
#7ad278 rgb(122,210,120)
```
#74d971
```
#74d971 rgb(116,217,113)
```
#6de06a
```
#6de06a rgb(109,224,106)
```
#67e763
```
#67e763 rgb(103,231,99)
```
#60ee5c
```
#60ee5c rgb(96,238,92)
```
#5af555
```
#5af555 rgb(90,245,85)
```
#54fc4e
```
#54fc4e rgb(84,252,78)
```

Tone Color Variation

Below, you can see how #5af555 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.

Monochromacy

#b4b4b4 Achromatopsia 0.005% of the population
#a2c1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d956 Protanopia 1% of men
#ffd293 Deuteranopia 1% of men
#8fe6f7 Tritanopia 0.001% of the population

Trichromacy

#bae355 Protanomaly 1% of men, 0.01% of women
#c3de7c Deuteranomaly 6% of men, 0.4% of women
#7bebbc Tritanomaly 0.01% of the population

#5af555 hex color

#5af555 Color Information

#5af555 Color Conversion

Color Schemes with #5af555

Alternatives to #5af555

#5af555 Preview

Shades and Tints of #5af555

Tones of #5af555

Color Blindness Simulator