#5af654 hex color

In a RGB color space, hex #5af654 is composed of 35.3% red, 96.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 65.9% yellow and 3.5% black. It has a hue angle of 117.8 degrees, a saturation of 90% and a lightness of 64.7%. #5af654 color hex could be obtained by blending #b4ffa8 with #00ed00. Closest websafe color is: #66ff66.

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

● #5af654 color description : Soft lime green.

The hexadecimal color #5af654 has RGB values of R:90, G:246, B:84 and CMYK values of C:0.63, M:0, Y:0.66, K:0.04. Its decimal value is 5961300.

Hex triplet	5af654	`#5af654`
RGB Decimal	90, 246, 84	`rgb(90,246,84)`
RGB Percent	35.3, 96.5, 32.9	`rgb(35.3%,96.5%,32.9%)`
CMYK	63, 0, 66, 4
HSL	117.8°, 90, 64.7	`hsl(117.8,90%,64.7%)`
HSV (or HSB)	117.8°, 65.9, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.366, -70.418, 63.551
XYZ	38.77, 68.722, 19.608
xyY	0.305, 0.541, 68.722
CIE-LCH	86.366, 94.855, 137.935
CIE-LUV	86.366, -67.823, 89.563
Hunter-Lab	82.899, -61.591, 44.005
Binary	01011010, 11110110, 01010100

#5af654
```
#5af654 rgb(90,246,84)
```
#f054f6
```
#f054f6 rgb(240,84,246)
```

Complementary Color

#abf654
```
#abf654 rgb(171,246,84)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#54f69f
```
#54f69f rgb(84,246,159)
```

Analogous Color

#f654ab
```
#f654ab rgb(246,84,171)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#9f54f6
```
#9f54f6 rgb(159,84,246)
```

Split Complementary Color

#f6545a
```
#f6545a rgb(246,84,90)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#545af6
```
#545af6 rgb(84,90,246)
```

Triadic Color

#f6f054
```
#f6f054 rgb(246,240,84)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#545af6
```
#545af6 rgb(84,90,246)
```
#f054f6
```
#f054f6 rgb(240,84,246)
```

Tetradic Color

#15f10d
```
#15f10d rgb(21,241,13)
```
#2bf324
```
#2bf324 rgb(43,243,36)
```
#43f53c
```
#43f53c rgb(67,245,60)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#71f76c
```
#71f76c rgb(113,247,108)
```
#89f984
```
#89f984 rgb(137,249,132)
```
#a0fa9d
```
#a0fa9d rgb(160,250,157)
```

Monochromatic Color

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

#83f654
```
#83f654 rgb(131,246,84)
```
#75f654
```
#75f654 rgb(117,246,84)
```
#68f654
```
#68f654 rgb(104,246,84)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#54f65b
```
#54f65b rgb(84,246,91)
```
#54f669
```
#54f669 rgb(84,246,105)
```
#54f677
```
#54f677 rgb(84,246,119)
```

Similar Colors

Text with hexadecimal color #5af654

This text has a font color of #5af654.

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

#5af654 background color

This paragraph has a background color of #5af654.

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

#5af654 border color

This element has a border color of #5af654.

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

CSS codes

.text {color:#5af654;}

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

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

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)
```
#053503
```
#053503 rgb(5,53,3)
```
#064704
```
#064704 rgb(6,71,4)
```
#085a05
```
#085a05 rgb(8,90,5)
```
#0a6d06
```
#0a6d06 rgb(10,109,6)
```
#0b7f07
```
#0b7f07 rgb(11,127,7)
```
#0d9208
```
#0d9208 rgb(13,146,8)
```
#0ea409
```
#0ea409 rgb(14,164,9)
```
#10b70a
```
#10b70a rgb(16,183,10)
```
#12ca0b
```
#12ca0b rgb(18,202,11)
```
#13dc0c
```
#13dc0c rgb(19,220,12)
```
#15ef0d
```
#15ef0d rgb(21,239,13)
```

Shade Color Variation

#24f31c
```
#24f31c rgb(36,243,28)
```
#36f42f
```
#36f42f rgb(54,244,47)
```
#48f541
```
#48f541 rgb(72,245,65)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#6cf767
```
#6cf767 rgb(108,247,103)
```
#7ef879
```
#7ef879 rgb(126,248,121)
```
#90f98c
```
#90f98c rgb(144,249,140)
```
#a2fa9f
```
#a2fa9f rgb(162,250,159)
```
#b4fbb1
```
#b4fbb1 rgb(180,251,177)
```
#c6fcc4
```
#c6fcc4 rgb(198,252,196)
```
#d8fdd6
```
#d8fdd6 rgb(216,253,214)
```
#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, #a1aaa0 is the less saturated color, while #54fd4d is the most saturated one.

#a1aaa0
```
#a1aaa0 rgb(161,170,160)
```
#9ab199
```
#9ab199 rgb(154,177,153)
```
#94b892
```
#94b892 rgb(148,184,146)
```
#8dbf8b
```
#8dbf8b rgb(141,191,139)
```
#87c684
```
#87c684 rgb(135,198,132)
```
#80cc7e
```
#80cc7e rgb(128,204,126)
```
#7ad377
```
#7ad377 rgb(122,211,119)
```
#74da70
```
#74da70 rgb(116,218,112)
```
#6de169
```
#6de169 rgb(109,225,105)
```
#67e862
```
#67e862 rgb(103,232,98)
```
#60ef5b
```
#60ef5b rgb(96,239,91)
```
#5af654
```
#5af654 rgb(90,246,84)
```
#54fd4d
```
#54fd4d rgb(84,253,77)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a3c2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2da55 Protanopia 1% of men
#ffd396 Deuteranopia 1% of men
#8fe7f8 Tritanopia 0.001% of the population

Trichromacy

#bbe454 Protanomaly 1% of men, 0.01% of women
#c3df7e Deuteranomaly 6% of men, 0.4% of women
#7cecbc Tritanomaly 0.01% of the population

#5af654 hex color

#5af654 Color Information

#5af654 Color Conversion

Color Schemes with #5af654

Alternatives to #5af654

#5af654 Preview

Shades and Tints of #5af654

Tones of #5af654

Color Blindness Simulator