#5fe396 hex color

In a RGB color space, hex #5fe396 is composed of 37.3% red, 89% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 33.9% yellow and 11% black. It has a hue angle of 145 degrees, a saturation of 70.2% and a lightness of 63.1%. #5fe396 color hex could be obtained by blending #beffff with #00c72d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 89
- B 59
RGB color chart
- C 58
- M 0
- Y 34
- K 11
CMYK color chart

● #5fe396 color description : Soft cyan - lime green.

The hexadecimal color #5fe396 has RGB values of R:95, G:227, B:150 and CMYK values of C:0.58, M:0, Y:0.34, K:0.11. Its decimal value is 6284182.

Hex triplet	5fe396	`#5fe396`
RGB Decimal	95, 227, 150	`rgb(95,227,150)`
RGB Percent	37.3, 89, 58.8	`rgb(37.3%,89%,58.8%)`
CMYK	58, 0, 34, 11
HSL	145°, 70.2, 63.1	`hsl(145,70.2%,63.1%)`
HSV (or HSB)	145°, 58.1, 89
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.604, -53.365, 27.023
XYZ	37.691, 59.57, 38.364
xyY	0.278, 0.439, 59.57
CIE-LCH	81.604, 59.817, 153.144
CIE-LUV	81.604, -57.023, 46.733
Hunter-Lab	77.182, -47.899, 24.556
Binary	01011111, 11100011, 10010110

#5fe396
```
#5fe396 rgb(95,227,150)
```
#e35fac
```
#e35fac rgb(227,95,172)
```

Complementary Color

#6ae35f
```
#6ae35f rgb(106,227,95)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#5fe3d8
```
#5fe3d8 rgb(95,227,216)
```

Analogous Color

#e35f6a
```
#e35f6a rgb(227,95,106)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#d85fe3
```
#d85fe3 rgb(216,95,227)
```

Split Complementary Color

#e3965f
```
#e3965f rgb(227,150,95)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#965fe3
```
#965fe3 rgb(150,95,227)
```

Triadic Color

#ace35f
```
#ace35f rgb(172,227,95)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#965fe3
```
#965fe3 rgb(150,95,227)
```
#e35fac
```
#e35fac rgb(227,95,172)
```

Tetradic Color

#25d16c
```
#25d16c rgb(37,209,108)
```
#34db7a
```
#34db7a rgb(52,219,122)
```
#49df88
```
#49df88 rgb(73,223,136)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#75e7a4
```
#75e7a4 rgb(117,231,164)
```
#8aebb2
```
#8aebb2 rgb(138,235,178)
```
#a0eec1
```
#a0eec1 rgb(160,238,193)
```

Monochromatic Color

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

#5fe375
```
#5fe375 rgb(95,227,117)
```
#5fe380
```
#5fe380 rgb(95,227,128)
```
#5fe38b
```
#5fe38b rgb(95,227,139)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#5fe3a1
```
#5fe3a1 rgb(95,227,161)
```
#5fe3ac
```
#5fe3ac rgb(95,227,172)
```
#5fe3b7
```
#5fe3b7 rgb(95,227,183)
```

Similar Colors

Text with hexadecimal color #5fe396

This text has a font color of #5fe396.

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

#5fe396 background color

This paragraph has a background color of #5fe396.

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

#5fe396 border color

This element has a border color of #5fe396.

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

CSS codes

.text {color:#5fe396;}

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

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

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

#010704
```
#010704 rgb(1,7,4)
```
#04180c
```
#04180c rgb(4,24,12)
```
#072815
```
#072815 rgb(7,40,21)
```
#0a391e
```
#0a391e rgb(10,57,30)
```
#0d4a26
```
#0d4a26 rgb(13,74,38)
```
#105a2f
```
#105a2f rgb(16,90,47)
```
#136b38
```
#136b38 rgb(19,107,56)
```
#167c40
```
#167c40 rgb(22,124,64)
```
#198c49
```
#198c49 rgb(25,140,73)
```
#1c9d52
```
#1c9d52 rgb(28,157,82)
```
#1eae5a
```
#1eae5a rgb(30,174,90)
```
#21bf63
```
#21bf63 rgb(33,191,99)
```
#24cf6c
```
#24cf6c rgb(36,207,108)
```

Shade Color Variation

#2dda75
```
#2dda75 rgb(45,218,117)
```
#3edd80
```
#3edd80 rgb(62,221,128)
```
#4ee08b
```
#4ee08b rgb(78,224,139)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#70e6a1
```
#70e6a1 rgb(112,230,161)
```
#80e9ac
```
#80e9ac rgb(128,233,172)
```
#91ecb7
```
#91ecb7 rgb(145,236,183)
```
#a2efc2
```
#a2efc2 rgb(162,239,194)
```
#b2f2cd
```
#b2f2cd rgb(178,242,205)
```
#c3f5d8
```
#c3f5d8 rgb(195,245,216)
```
#d4f7e3
```
#d4f7e3 rgb(212,247,227)
```
#e5faee
```
#e5faee rgb(229,250,238)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

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

#a0a2a1
```
#a0a2a1 rgb(160,162,161)
```
#99a9a0
```
#99a9a0 rgb(153,169,160)
```
#92b09e
```
#92b09e rgb(146,176,158)
```
#8ab89d
```
#8ab89d rgb(138,184,157)
```
#83bf9c
```
#83bf9c rgb(131,191,156)
```
#7cc69b
```
#7cc69b rgb(124,198,155)
```
#75cd9a
```
#75cd9a rgb(117,205,154)
```
#6dd598
```
#6dd598 rgb(109,213,152)
```
#66dc97
```
#66dc97 rgb(102,220,151)
```
#5fe396
```
#5fe396 rgb(95,227,150)
```
#58ea95
```
#58ea95 rgb(88,234,149)
```
#51f194
```
#51f194 rgb(81,241,148)
```
#49f992
```
#49f992 rgb(73,249,146)
```

Tone Color Variation

Below, you can see how #5fe396 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
#a2bdad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcd92 Protanopia 1% of men
#eec5a5 Deuteranopia 1% of men
#83daea Tritanopia 0.001% of the population

Trichromacy

#afd593 Protanomaly 1% of men, 0.01% of women
#bad0a0 Deuteranomaly 6% of men, 0.4% of women
#76ddcb Tritanomaly 0.01% of the population

#5fe396 hex color

#5fe396 Color Information

#5fe396 Color Conversion

Color Schemes with #5fe396

Alternatives to #5fe396

#5fe396 Preview

Shades and Tints of #5fe396

Tones of #5fe396

Color Blindness Simulator