#5aff30 hex color

In a RGB color space, hex #5aff30 is composed of 35.3% red, 100% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 81.2% yellow and 0% black. It has a hue angle of 107.8 degrees, a saturation of 100% and a lightness of 59.4%. #5aff30 color hex could be obtained by blending #b4ff60 with #00ff00. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 35
- G 100
- B 19
RGB color chart
- C 65
- M 0
- Y 81
- K 0
CMYK color chart

● #5aff30 color description : Vivid lime green.

The hexadecimal color #5aff30 has RGB values of R:90, G:255, B:48 and CMYK values of C:0.65, M:0, Y:0.81, K:0. Its decimal value is 5963568.

Hex triplet	5aff30	`#5aff30`
RGB Decimal	90, 255, 48	`rgb(90,255,48)`
RGB Percent	35.3, 100, 18.8	`rgb(35.3%,100%,18.8%)`
CMYK	65, 0, 81, 0
HSL	107.8°, 100, 59.4	`hsl(107.8,100%,59.4%)`
HSV (or HSB)	107.8°, 81.2, 100
Web Safe	66ff33	`#66ff33`

CIE-LAB	88.877, -75.781, 77.698
XYZ	40.508, 73.903, 14.926
xyY	0.313, 0.571, 73.903
CIE-LCH	88.877, 108.535, 134.284
CIE-LUV	88.877, -71.769, 102.6
Hunter-Lab	85.967, -66.333, 49.883
Binary	01011010, 11111111, 00110000

#5aff30
```
#5aff30 rgb(90,255,48)
```
#d530ff
```
#d530ff rgb(213,48,255)
```

Complementary Color

#c2ff30
```
#c2ff30 rgb(194,255,48)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#30ff6e
```
#30ff6e rgb(48,255,110)
```

Analogous Color

#ff30c2
```
#ff30c2 rgb(255,48,194)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#6e30ff
```
#6e30ff rgb(110,48,255)
```

Split Complementary Color

#ff305a
```
#ff305a rgb(255,48,90)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#305aff
```
#305aff rgb(48,90,255)
```

Triadic Color

#ffd530
```
#ffd530 rgb(255,213,48)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#305aff
```
#305aff rgb(48,90,255)
```
#d530ff
```
#d530ff rgb(213,48,255)
```

Tetradic Color

#2ee300
```
#2ee300 rgb(46,227,0)
```
#33fc00
```
#33fc00 rgb(51,252,0)
```
#46ff17
```
#46ff17 rgb(70,255,23)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#6eff4a
```
#6eff4a rgb(110,255,74)
```
#83ff63
```
#83ff63 rgb(131,255,99)
```
#97ff7d
```
#97ff7d rgb(151,255,125)
```

Monochromatic Color

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

#8eff30
```
#8eff30 rgb(142,255,48)
```
#7dff30
```
#7dff30 rgb(125,255,48)
```
#6bff30
```
#6bff30 rgb(107,255,48)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#49ff30
```
#49ff30 rgb(73,255,48)
```
#38ff30
```
#38ff30 rgb(56,255,48)
```
#30ff3a
```
#30ff3a rgb(48,255,58)
```

Similar Colors

Text with hexadecimal color #5aff30

This text has a font color of #5aff30.

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

#5aff30 background color

This paragraph has a background color of #5aff30.

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

#5aff30 border color

This element has a border color of #5aff30.

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

CSS codes

.text {color:#5aff30;}

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

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

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, #020900 is the darkest color, while #f6fff4 is the lightest one.

#020900
```
#020900 rgb(2,9,0)
```
#061c00
```
#061c00 rgb(6,28,0)
```
#0a3000
```
#0a3000 rgb(10,48,0)
```
#0e4400
```
#0e4400 rgb(14,68,0)
```
#125700
```
#125700 rgb(18,87,0)
```
#166b00
```
#166b00 rgb(22,107,0)
```
#1a7e00
```
#1a7e00 rgb(26,126,0)
```
#1e9200
```
#1e9200 rgb(30,146,0)
```
#22a600
```
#22a600 rgb(34,166,0)
```
#26b900
```
#26b900 rgb(38,185,0)
```
#2acd00
```
#2acd00 rgb(42,205,0)
```
#2ee100
```
#2ee100 rgb(46,225,0)
```
#32f400
```
#32f400 rgb(50,244,0)
```

Shade Color Variation

#3bff09
```
#3bff09 rgb(59,255,9)
```
#4aff1c
```
#4aff1c rgb(74,255,28)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```
#6aff44
```
#6aff44 rgb(106,255,68)
```
#79ff57
```
#79ff57 rgb(121,255,87)
```
#89ff6b
```
#89ff6b rgb(137,255,107)
```
#99ff7e
```
#99ff7e rgb(153,255,126)
```
#a8ff92
```
#a8ff92 rgb(168,255,146)
```
#b8ffa6
```
#b8ffa6 rgb(184,255,166)
```
#c7ffb9
```
#c7ffb9 rgb(199,255,185)
```
#d7ffcd
```
#d7ffcd rgb(215,255,205)
```
#e7ffe1
```
#e7ffe1 rgb(231,255,225)
```
#f6fff4
```
#f6fff4 rgb(246,255,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939f90 is the less saturated color, while #5aff30 is the most saturated one.

#939f90
```
#939f90 rgb(147,159,144)
```
#8ea788
```
#8ea788 rgb(142,167,136)
```
#89af80
```
#89af80 rgb(137,175,128)
```
#85b778
```
#85b778 rgb(133,183,120)
```
#80bf70
```
#80bf70 rgb(128,191,112)
```
#7bc768
```
#7bc768 rgb(123,199,104)
```
#76cf60
```
#76cf60 rgb(118,207,96)
```
#72d758
```
#72d758 rgb(114,215,88)
```
#6ddf50
```
#6ddf50 rgb(109,223,80)
```
#68e748
```
#68e748 rgb(104,231,72)
```
#63ef40
```
#63ef40 rgb(99,239,64)
```
#5ff738
```
#5ff738 rgb(95,247,56)
```
#5aff30
```
#5aff30 rgb(90,255,48)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a4c59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe132 Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#97eeff Tritanopia 0.001% of the population

Trichromacy

#c0ec31 Protanomaly 1% of men, 0.01% of women
#c3e87e Deuteranomaly 6% of men, 0.4% of women
#80f4b3 Tritanomaly 0.01% of the population

#5aff30 hex color

#5aff30 Color Information

#5aff30 Color Conversion

Color Schemes with #5aff30

Alternatives to #5aff30

#5aff30 Preview

Shades and Tints of #5aff30

Tones of #5aff30

Color Blindness Simulator