#5fd696 hex color

In a RGB color space, hex #5fd696 is composed of 37.3% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 147.7 degrees, a saturation of 59.2% and a lightness of 60.6%. #5fd696 color hex could be obtained by blending #beffff with #00ad2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 84
- B 59
RGB color chart
- C 56
- M 0
- Y 30
- K 16
CMYK color chart

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

The hexadecimal color #5fd696 has RGB values of R:95, G:214, B:150 and CMYK values of C:0.56, M:0, Y:0.3, K:0.16. Its decimal value is 6280854.

Hex triplet	5fd696	`#5fd696`
RGB Decimal	95, 214, 150	`rgb(95,214,150)`
RGB Percent	37.3, 83.9, 58.8	`rgb(37.3%,83.9%,58.8%)`
CMYK	56, 0, 30, 16
HSL	147.7°, 59.2, 60.6	`hsl(147.7,59.2%,60.6%)`
HSV (or HSB)	147.7°, 55.6, 83.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.713, -48.065, 21.728
XYZ	34.269, 52.725, 37.224
xyY	0.276, 0.424, 52.725
CIE-LCH	77.713, 52.748, 155.675
CIE-LUV	77.713, -52.05, 38.587
Hunter-Lab	72.612, -42.83, 20.434
Binary	01011111, 11010110, 10010110

#5fd696
```
#5fd696 rgb(95,214,150)
```
#d65f9f
```
#d65f9f rgb(214,95,159)
```

Complementary Color

#64d65f
```
#64d65f rgb(100,214,95)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#5fd6d2
```
#5fd6d2 rgb(95,214,210)
```

Analogous Color

#d65f64
```
#d65f64 rgb(214,95,100)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#d25fd6
```
#d25fd6 rgb(210,95,214)
```

Split Complementary Color

#d6965f
```
#d6965f rgb(214,150,95)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#965fd6
```
#965fd6 rgb(150,95,214)
```

Triadic Color

#9fd65f
```
#9fd65f rgb(159,214,95)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#965fd6
```
#965fd6 rgb(150,95,214)
```
#d65f9f
```
#d65f9f rgb(214,95,159)
```

Tetradic Color

#2fb96f
```
#2fb96f rgb(47,185,111)
```
#36cc7b
```
#36cc7b rgb(54,204,123)
```
#4bd189
```
#4bd189 rgb(75,209,137)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#73dba3
```
#73dba3 rgb(115,219,163)
```
#88e0b1
```
#88e0b1 rgb(136,224,177)
```
#9ce6be
```
#9ce6be rgb(156,230,190)
```

Monochromatic Color

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

#5fd678
```
#5fd678 rgb(95,214,120)
```
#5fd682
```
#5fd682 rgb(95,214,130)
```
#5fd68c
```
#5fd68c rgb(95,214,140)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#5fd6a0
```
#5fd6a0 rgb(95,214,160)
```
#5fd6aa
```
#5fd6aa rgb(95,214,170)
```
#5fd6b4
```
#5fd6b4 rgb(95,214,180)
```

Similar Colors

Text with hexadecimal color #5fd696

This text has a font color of #5fd696.

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

#5fd696 background color

This paragraph has a background color of #5fd696.

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

#5fd696 border color

This element has a border color of #5fd696.

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

CSS codes

.text {color:#5fd696;}

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

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

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, #030c07 is the darkest color, while #fbfefc is the lightest one.

#030c07
```
#030c07 rgb(3,12,7)
```
#071b10
```
#071b10 rgb(7,27,16)
```
#0b2b1a
```
#0b2b1a rgb(11,43,26)
```
#0f3b23
```
#0f3b23 rgb(15,59,35)
```
#134a2d
```
#134a2d rgb(19,74,45)
```
#175a36
```
#175a36 rgb(23,90,54)
```
#1b693f
```
#1b693f rgb(27,105,63)
```
#1f7949
```
#1f7949 rgb(31,121,73)
```
#238952
```
#238952 rgb(35,137,82)
```
#27985b
```
#27985b rgb(39,152,91)
```
#2ba865
```
#2ba865 rgb(43,168,101)
```
#2fb86e
```
#2fb86e rgb(47,184,110)
```
#33c777
```
#33c777 rgb(51,199,119)
```

Shade Color Variation

#40ce82
```
#40ce82 rgb(64,206,130)
```
#4fd28c
```
#4fd28c rgb(79,210,140)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#6fdaa0
```
#6fdaa0 rgb(111,218,160)
```
#7edeaa
```
#7edeaa rgb(126,222,170)
```
#8ee2b5
```
#8ee2b5 rgb(142,226,181)
```
#9de6bf
```
#9de6bf rgb(157,230,191)
```
#adeac9
```
#adeac9 rgb(173,234,201)
```
#bdeed3
```
#bdeed3 rgb(189,238,211)
```
#ccf2de
```
#ccf2de rgb(204,242,222)
```
#dcf6e8
```
#dcf6e8 rgb(220,246,232)
```
#ecfaf2
```
#ecfaf2 rgb(236,250,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a09a is the less saturated color, while #38fd93 is the most saturated one.

#95a09a
```
#95a09a rgb(149,160,154)
```
#8da89a
```
#8da89a rgb(141,168,154)
```
#86af99
```
#86af99 rgb(134,175,153)
```
#7eb798
```
#7eb798 rgb(126,183,152)
```
#76bf98
```
#76bf98 rgb(118,191,152)
```
#6ec797
```
#6ec797 rgb(110,199,151)
```
#67ce97
```
#67ce97 rgb(103,206,151)
```
#5fd696
```
#5fd696 rgb(95,214,150)
```
#57de95
```
#57de95 rgb(87,222,149)
```
#50e595
```
#50e595 rgb(80,229,149)
```
#48ed94
```
#48ed94 rgb(72,237,148)
```
#40f594
```
#40f594 rgb(64,245,148)
```
#38fd93
```
#38fd93 rgb(56,253,147)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9cb4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c392 Protanopia 1% of men
#e0bca4 Deuteranopia 1% of men
#7ecfde Tritanopia 0.001% of the population

Trichromacy

#a7c993 Protanomaly 1% of men, 0.01% of women
#b1c59f Deuteranomaly 6% of men, 0.4% of women
#73d1c4 Tritanomaly 0.01% of the population

#5fd696 hex color

#5fd696 Color Information

#5fd696 Color Conversion

Color Schemes with #5fd696

Alternatives to #5fd696

#5fd696 Preview

Shades and Tints of #5fd696

Tones of #5fd696

Color Blindness Simulator