#5ad698 hex color

In a RGB color space, hex #5ad698 is composed of 35.3% red, 83.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 29% yellow and 16.1% black. It has a hue angle of 150 degrees, a saturation of 60.2% and a lightness of 59.6%. #5ad698 color hex could be obtained by blending #b4ffff with #00ad31. Closest websafe color is: #66cc99.

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

● #5ad698 color description : Moderate cyan - lime green.

The hexadecimal color #5ad698 has RGB values of R:90, G:214, B:152 and CMYK values of C:0.58, M:0, Y:0.29, K:0.16. Its decimal value is 5953176.

Hex triplet	5ad698	`#5ad698`
RGB Decimal	90, 214, 152	`rgb(90,214,152)`
RGB Percent	35.3, 83.9, 59.6	`rgb(35.3%,83.9%,59.6%)`
CMYK	58, 0, 29, 16
HSL	150°, 60.2, 59.6	`hsl(150,60.2%,59.6%)`
HSV (or HSB)	150°, 57.9, 83.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.597, -48.751, 20.495
XYZ	33.928, 52.531, 38.056
xyY	0.272, 0.422, 52.531
CIE-LCH	77.597, 52.883, 157.198
CIE-LUV	77.597, -53.32, 37.059
Hunter-Lab	72.478, -43.279, 19.604
Binary	01011010, 11010110, 10011000

#5ad698
```
#5ad698 rgb(90,214,152)
```
#d65a98
```
#d65a98 rgb(214,90,152)
```

Complementary Color

#5ad65a
```
#5ad65a rgb(90,214,90)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#5ad6d6
```
#5ad6d6 rgb(90,214,214)
```

Analogous Color

#d65a5a
```
#d65a5a rgb(214,90,90)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#d65ad6
```
#d65ad6 rgb(214,90,214)
```

Split Complementary Color

#d6985a
```
#d6985a rgb(214,152,90)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#985ad6
```
#985ad6 rgb(152,90,214)
```

Triadic Color

#98d65a
```
#98d65a rgb(152,214,90)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#985ad6
```
#985ad6 rgb(152,90,214)
```
#d65a98
```
#d65a98 rgb(214,90,152)
```

Tetradic Color

#2db672
```
#2db672 rgb(45,182,114)
```
#32cb7f
```
#32cb7f rgb(50,203,127)
```
#46d18b
```
#46d18b rgb(70,209,139)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#6edba5
```
#6edba5 rgb(110,219,165)
```
#83e0b2
```
#83e0b2 rgb(131,224,178)
```
#97e5be
```
#97e5be rgb(151,229,190)
```

Monochromatic Color

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

#5ad679
```
#5ad679 rgb(90,214,121)
```
#5ad683
```
#5ad683 rgb(90,214,131)
```
#5ad68e
```
#5ad68e rgb(90,214,142)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#5ad6a2
```
#5ad6a2 rgb(90,214,162)
```
#5ad6ad
```
#5ad6ad rgb(90,214,173)
```
#5ad6b7
```
#5ad6b7 rgb(90,214,183)
```

Similar Colors

Text with hexadecimal color #5ad698

This text has a font color of #5ad698.

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

#5ad698 background color

This paragraph has a background color of #5ad698.

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

#5ad698 border color

This element has a border color of #5ad698.

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

CSS codes

.text {color:#5ad698;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#06180f
```
#06180f rgb(6,24,15)
```
#0a2719
```
#0a2719 rgb(10,39,25)
```
#0e3722
```
#0e3722 rgb(14,55,34)
```
#12472c
```
#12472c rgb(18,71,44)
```
#155636
```
#155636 rgb(21,86,54)
```
#196640
```
#196640 rgb(25,102,64)
```
#1d764a
```
#1d764a rgb(29,118,74)
```
#218653
```
#218653 rgb(33,134,83)
```
#25955d
```
#25955d rgb(37,149,93)
```
#29a567
```
#29a567 rgb(41,165,103)
```
#2db571
```
#2db571 rgb(45,181,113)
```
#31c47b
```
#31c47b rgb(49,196,123)
```

Shade Color Variation

#3bce84
```
#3bce84 rgb(59,206,132)
```
#4ad28e
```
#4ad28e rgb(74,210,142)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#6adaa2
```
#6adaa2 rgb(106,218,162)
```
#79deac
```
#79deac rgb(121,222,172)
```
#89e2b5
```
#89e2b5 rgb(137,226,181)
```
#99e6bf
```
#99e6bf rgb(153,230,191)
```
#a9eac9
```
#a9eac9 rgb(169,234,201)
```
#b8edd3
```
#b8edd3 rgb(184,237,211)
```
#c8f1dd
```
#c8f1dd rgb(200,241,221)
```
#d8f5e6
```
#d8f5e6 rgb(216,245,230)
```
#e7f9f0
```
#e7f9f0 rgb(231,249,240)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919f98 is the less saturated color, while #32fe98 is the most saturated one.

#919f98
```
#919f98 rgb(145,159,152)
```
#8aa698
```
#8aa698 rgb(138,166,152)
```
#82ae98
```
#82ae98 rgb(130,174,152)
```
#7ab698
```
#7ab698 rgb(122,182,152)
```
#72be98
```
#72be98 rgb(114,190,152)
```
#6ac698
```
#6ac698 rgb(106,198,152)
```
#62ce98
```
#62ce98 rgb(98,206,152)
```
#5ad698
```
#5ad698 rgb(90,214,152)
```
#52de98
```
#52de98 rgb(82,222,152)
```
#4ae698
```
#4ae698 rgb(74,230,152)
```
#42ee98
```
#42ee98 rgb(66,238,152)
```
#3af698
```
#3af698 rgb(58,246,152)
```
#32fe98
```
#32fe98 rgb(50,254,152)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9ab3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c294 Protanopia 1% of men
#dfbca6 Deuteranopia 1% of men
#7bcfde Tritanopia 0.001% of the population

Trichromacy

#a5c995 Protanomaly 1% of men, 0.01% of women
#aec5a1 Deuteranomaly 6% of men, 0.4% of women
#6fd1c4 Tritanomaly 0.01% of the population

#5ad698 hex color

#5ad698 Color Information

#5ad698 Color Conversion

Color Schemes with #5ad698

Alternatives to #5ad698

#5ad698 Preview

Shades and Tints of #5ad698

Tones of #5ad698

Color Blindness Simulator