#5afa30 hex color

In a RGB color space, hex #5afa30 is composed of 35.3% red, 98% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 80.8% yellow and 2% black. It has a hue angle of 107.5 degrees, a saturation of 95.3% and a lightness of 58.4%. #5afa30 color hex could be obtained by blending #b4ff60 with #00f500. Closest websafe color is: #66ff33.

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

● #5afa30 color description : Bright lime green.

The hexadecimal color #5afa30 has RGB values of R:90, G:250, B:48 and CMYK values of C:0.64, M:0, Y:0.81, K:0.02. Its decimal value is 5962288.

Hex triplet	5afa30	`#5afa30`
RGB Decimal	90, 250, 48	`rgb(90,250,48)`
RGB Percent	35.3, 98, 18.8	`rgb(35.3%,98%,18.8%)`
CMYK	64, 0, 81, 2
HSL	107.5°, 95.3, 58.4	`hsl(107.5,95.3%,58.4%)`
HSV (or HSB)	107.5°, 80.8, 98
Web Safe	66ff33	`#66ff33`

CIE-LAB	87.366, -74.207, 76.316
XYZ	38.934, 70.755, 14.401
xyY	0.314, 0.57, 70.755
CIE-LCH	87.366, 106.446, 134.197
CIE-LUV	87.366, -70.012, 100.587
Hunter-Lab	84.116, -64.583, 48.73
Binary	01011010, 11111010, 00110000

#5afa30
```
#5afa30 rgb(90,250,48)
```
#d030fa
```
#d030fa rgb(208,48,250)
```

Complementary Color

#bffa30
```
#bffa30 rgb(191,250,48)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#30fa6b
```
#30fa6b rgb(48,250,107)
```

Analogous Color

#fa30bf
```
#fa30bf rgb(250,48,191)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#6b30fa
```
#6b30fa rgb(107,48,250)
```

Split Complementary Color

#fa305a
```
#fa305a rgb(250,48,90)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#305afa
```
#305afa rgb(48,90,250)
```

Triadic Color

#fad030
```
#fad030 rgb(250,208,48)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#305afa
```
#305afa rgb(48,90,250)
```
#d030fa
```
#d030fa rgb(208,48,250)
```

Tetradic Color

#31d805
```
#31d805 rgb(49,216,5)
```
#37f106
```
#37f106 rgb(55,241,6)
```
#46f917
```
#46f917 rgb(70,249,23)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#6efb49
```
#6efb49 rgb(110,251,73)
```
#82fb62
```
#82fb62 rgb(130,251,98)
```
#96fc7b
```
#96fc7b rgb(150,252,123)
```

Monochromatic Color

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

#8dfa30
```
#8dfa30 rgb(141,250,48)
```
#7cfa30
```
#7cfa30 rgb(124,250,48)
```
#6bfa30
```
#6bfa30 rgb(107,250,48)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#49fa30
```
#49fa30 rgb(73,250,48)
```
#38fa30
```
#38fa30 rgb(56,250,48)
```
#30fa38
```
#30fa38 rgb(48,250,56)
```

Similar Colors

Text with hexadecimal color #5afa30

This text has a font color of #5afa30.

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

#5afa30 background color

This paragraph has a background color of #5afa30.

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

#5afa30 border color

This element has a border color of #5afa30.

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

CSS codes

.text {color:#5afa30;}

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

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

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

#010400
```
#010400 rgb(1,4,0)
```
#051701
```
#051701 rgb(5,23,1)
```
#0a2a01
```
#0a2a01 rgb(10,42,1)
```
#0e3d01
```
#0e3d01 rgb(14,61,1)
```
#125002
```
#125002 rgb(18,80,2)
```
#176302
```
#176302 rgb(23,99,2)
```
#1b7703
```
#1b7703 rgb(27,119,3)
```
#1f8a03
```
#1f8a03 rgb(31,138,3)
```
#249d04
```
#249d04 rgb(36,157,4)
```
#28b004
```
#28b004 rgb(40,176,4)
```
#2cc305
```
#2cc305 rgb(44,195,5)
```
#31d605
```
#31d605 rgb(49,214,5)
```
#35ea06
```
#35ea06 rgb(53,234,6)
```

Shade Color Variation

#3bf90a
```
#3bf90a rgb(59,249,10)
```
#4bfa1d
```
#4bfa1d rgb(75,250,29)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```
#69fa43
```
#69fa43 rgb(105,250,67)
```
#79fb56
```
#79fb56 rgb(121,251,86)
```
#88fb69
```
#88fb69 rgb(136,251,105)
```
#97fc7d
```
#97fc7d rgb(151,252,125)
```
#a6fc90
```
#a6fc90 rgb(166,252,144)
```
#b6fda3
```
#b6fda3 rgb(182,253,163)
```
#c5fdb6
```
#c5fdb6 rgb(197,253,182)
```
#d4fec9
```
#d4fec9 rgb(212,254,201)
```
#e3fedc
```
#e3fedc rgb(227,254,220)
```
#f3fff0
```
#f3fff0 rgb(243,255,240)
```

Tint Color Variation

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

#939892
```
#939892 rgb(147,152,146)
```
#8ea08a
```
#8ea08a rgb(142,160,138)
```
#8aa882
```
#8aa882 rgb(138,168,130)
```
#85b179
```
#85b179 rgb(133,177,121)
```
#80b971
```
#80b971 rgb(128,185,113)
```
#7bc169
```
#7bc169 rgb(123,193,105)
```
#77c961
```
#77c961 rgb(119,201,97)
```
#72d159
```
#72d159 rgb(114,209,89)
```
#6dd951
```
#6dd951 rgb(109,217,81)
```
#68e248
```
#68e248 rgb(104,226,72)
```
#64ea40
```
#64ea40 rgb(100,234,64)
```
#5ff238
```
#5ff238 rgb(95,242,56)
```
#5afa30
```
#5afa30 rgb(90,250,48)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1c199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd32 Protanopia 1% of men
#ffd69c Deuteranopia 1% of men
#92e9fa Tritanopia 0.001% of the population

Trichromacy

#bee731 Protanomaly 1% of men, 0.01% of women
#c3e375 Deuteranomaly 6% of men, 0.4% of women
#7eefb1 Tritanomaly 0.01% of the population

#5afa30 hex color

#5afa30 Color Information

#5afa30 Color Conversion

Color Schemes with #5afa30

Alternatives to #5afa30

#5afa30 Preview

Shades and Tints of #5afa30

Tones of #5afa30

Color Blindness Simulator