#5ad648 hex color

In a RGB color space, hex #5ad648 is composed of 35.3% red, 83.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 66.4% yellow and 16.1% black. It has a hue angle of 112.4 degrees, a saturation of 63.4% and a lightness of 56.1%. #5ad648 color hex could be obtained by blending #b4ff90 with #00ad00. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 35
- G 84
- B 28
RGB color chart
- C 58
- M 0
- Y 66
- K 16
CMYK color chart

● #5ad648 color description : Moderate lime green.

The hexadecimal color #5ad648 has RGB values of R:90, G:214, B:72 and CMYK values of C:0.58, M:0, Y:0.66, K:0.16. Its decimal value is 5953096.

Hex triplet	5ad648	`#5ad648`
RGB Decimal	90, 214, 72	`rgb(90,214,72)`
RGB Percent	35.3, 83.9, 28.2	`rgb(35.3%,83.9%,28.2%)`
CMYK	58, 0, 66, 16
HSL	112.4°, 63.4, 56.1	`hsl(112.4,63.4%,56.1%)`
HSV (or HSB)	112.4°, 66.4, 83.9
Web Safe	66cc33	`#66cc33`

CIE-LAB	76.517, -60.511, 57.68
XYZ	29.431, 50.732, 14.372
xyY	0.311, 0.537, 50.732
CIE-LCH	76.517, 83.597, 136.372
CIE-LUV	76.517, -56.304, 79.022
Hunter-Lab	71.227, -50.889, 37.895
Binary	01011010, 11010110, 01001000

#5ad648
```
#5ad648 rgb(90,214,72)
```
#c448d6
```
#c448d6 rgb(196,72,214)
```

Complementary Color

#a1d648
```
#a1d648 rgb(161,214,72)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#48d67d
```
#48d67d rgb(72,214,125)
```

Analogous Color

#d648a1
```
#d648a1 rgb(214,72,161)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#7d48d6
```
#7d48d6 rgb(125,72,214)
```

Split Complementary Color

#d6485a
```
#d6485a rgb(214,72,90)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#485ad6
```
#485ad6 rgb(72,90,214)
```

Triadic Color

#d6c448
```
#d6c448 rgb(214,196,72)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#485ad6
```
#485ad6 rgb(72,90,214)
```
#c448d6
```
#c448d6 rgb(196,72,214)
```

Tetradic Color

#37ab26
```
#37ab26 rgb(55,171,38)
```
#3ec02b
```
#3ec02b rgb(62,192,43)
```
#47d133
```
#47d133 rgb(71,209,51)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#6ddb5d
```
#6ddb5d rgb(109,219,93)
```
#80df72
```
#80df72 rgb(128,223,114)
```
#92e486
```
#92e486 rgb(146,228,134)
```

Monochromatic Color

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

#7ed648
```
#7ed648 rgb(126,214,72)
```
#72d648
```
#72d648 rgb(114,214,72)
```
#66d648
```
#66d648 rgb(102,214,72)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#4ed648
```
#4ed648 rgb(78,214,72)
```
#48d64e
```
#48d64e rgb(72,214,78)
```
#48d65a
```
#48d65a rgb(72,214,90)
```

Similar Colors

Text with hexadecimal color #5ad648

This text has a font color of #5ad648.

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

#5ad648 background color

This paragraph has a background color of #5ad648.

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

#5ad648 border color

This element has a border color of #5ad648.

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

CSS codes

.text {color:#5ad648;}

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

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

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

#030902
```
#030902 rgb(3,9,2)
```
#081906
```
#081906 rgb(8,25,6)
```
#0d2909
```
#0d2909 rgb(13,41,9)
```
#12390d
```
#12390d rgb(18,57,13)
```
#184910
```
#184910 rgb(24,73,16)
```
#1d5914
```
#1d5914 rgb(29,89,20)
```
#226918
```
#226918 rgb(34,105,24)
```
#27791b
```
#27791b rgb(39,121,27)
```
#2c8a1f
```
#2c8a1f rgb(44,138,31)
```
#319a22
```
#319a22 rgb(49,154,34)
```
#37aa26
```
#37aa26 rgb(55,170,38)
```
#3cba2a
```
#3cba2a rgb(60,186,42)
```
#41ca2d
```
#41ca2d rgb(65,202,45)
```

Shade Color Variation

#4cd238
```
#4cd238 rgb(76,210,56)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#68da58
```
#68da58 rgb(104,218,88)
```
#77dd68
```
#77dd68 rgb(119,221,104)
```
#85e178
```
#85e178 rgb(133,225,120)
```
#94e488
```
#94e488 rgb(148,228,136)
```
#a2e898
```
#a2e898 rgb(162,232,152)
```
#b1eca8
```
#b1eca8 rgb(177,236,168)
```
#bfefb8
```
#bfefb8 rgb(191,239,184)
```
#cef3c8
```
#cef3c8 rgb(206,243,200)
```
#dcf6d8
```
#dcf6d8 rgb(220,246,216)
```
#eafae8
```
#eafae8 rgb(234,250,232)
```
#f9fdf8
```
#f9fdf8 rgb(249,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d918d is the less saturated color, while #40f826 is the most saturated one.

#8d918d
```
#8d918d rgb(141,145,141)
```
#879a84
```
#879a84 rgb(135,154,132)
```
#81a27c
```
#81a27c rgb(129,162,124)
```
#7aab73
```
#7aab73 rgb(122,171,115)
```
#74b46a
```
#74b46a rgb(116,180,106)
```
#6dbc62
```
#6dbc62 rgb(109,188,98)
```
#67c559
```
#67c559 rgb(103,197,89)
```
#60cd51
```
#60cd51 rgb(96,205,81)
```
#5ad648
```
#5ad648 rgb(90,214,72)
```
#54df3f
```
#54df3f rgb(84,223,63)
```
#4de737
```
#4de737 rgb(77,231,55)
```
#47f02e
```
#47f02e rgb(71,240,46)
```
#40f826
```
#40f826 rgb(64,248,38)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#93ac8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c04a Protanopia 1% of men
#ebb75f Deuteranopia 1% of men
#85cad9 Tritanopia 0.001% of the population

Trichromacy

#a8c849 Protanomaly 1% of men, 0.01% of women
#b6c256 Deuteranomaly 6% of men, 0.4% of women
#75cea4 Tritanomaly 0.01% of the population

#5ad648 hex color

#5ad648 Color Information

#5ad648 Color Conversion

Color Schemes with #5ad648

Alternatives to #5ad648

#5ad648 Preview

Shades and Tints of #5ad648

Tones of #5ad648

Color Blindness Simulator