#5fe4bc hex color

In a RGB color space, hex #5fe4bc is composed of 37.3% red, 89.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 17.5% yellow and 10.6% black. It has a hue angle of 162 degrees, a saturation of 71.1% and a lightness of 63.3%. #5fe4bc color hex could be obtained by blending #beffff with #00c979. Closest websafe color is: #66cccc.

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

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

The hexadecimal color #5fe4bc has RGB values of R:95, G:228, B:188 and CMYK values of C:0.58, M:0, Y:0.18, K:0.11. Its decimal value is 6284476.

Hex triplet	5fe4bc	`#5fe4bc`
RGB Decimal	95, 228, 188	`rgb(95,228,188)`
RGB Percent	37.3, 89.4, 73.7	`rgb(37.3%,89.4%,73.7%)`
CMYK	58, 0, 18, 11
HSL	162°, 71.1, 63.3	`hsl(162,71.1%,63.3%)`
HSV (or HSB)	162°, 58.3, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.672, -45.878, 8.686
XYZ	41.537, 61.547, 57.265
xyY	0.259, 0.384, 61.547
CIE-LCH	82.672, 46.693, 169.279
CIE-LUV	82.672, -55.514, 20.465
Hunter-Lab	78.452, -42.784, 11.638
Binary	01011111, 11100100, 10111100

#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#e45f87
```
#e45f87 rgb(228,95,135)
```

Complementary Color

#5fe47a
```
#5fe47a rgb(95,228,122)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#5fcae4
```
#5fcae4 rgb(95,202,228)
```

Analogous Color

#e47a5f
```
#e47a5f rgb(228,122,95)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#e45fca
```
#e45fca rgb(228,95,202)
```

Split Complementary Color

#e4bc5f
```
#e4bc5f rgb(228,188,95)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#bc5fe4
```
#bc5fe4 rgb(188,95,228)
```

Triadic Color

#87e45f
```
#87e45f rgb(135,228,95)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#bc5fe4
```
#bc5fe4 rgb(188,95,228)
```
#e45f87
```
#e45f87 rgb(228,95,135)
```

Tetradic Color

#24d39e
```
#24d39e rgb(36,211,158)
```
#33ddaa
```
#33ddaa rgb(51,221,170)
```
#49e0b3
```
#49e0b3 rgb(73,224,179)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#75e8c5
```
#75e8c5 rgb(117,232,197)
```
#8bebce
```
#8bebce rgb(139,235,206)
```
#a0efd7
```
#a0efd7 rgb(160,239,215)
```

Monochromatic Color

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

#5fe49b
```
#5fe49b rgb(95,228,155)
```
#5fe4a6
```
#5fe4a6 rgb(95,228,166)
```
#5fe4b1
```
#5fe4b1 rgb(95,228,177)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#5fe4c7
```
#5fe4c7 rgb(95,228,199)
```
#5fe4d2
```
#5fe4d2 rgb(95,228,210)
```
#5fe4dd
```
#5fe4dd rgb(95,228,221)
```

Similar Colors

Text with hexadecimal color #5fe4bc

This text has a font color of #5fe4bc.

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

#5fe4bc background color

This paragraph has a background color of #5fe4bc.

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

#5fe4bc border color

This element has a border color of #5fe4bc.

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

CSS codes

.text {color:#5fe4bc;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#041912
```
#041912 rgb(4,25,18)
```
#07291f
```
#07291f rgb(7,41,31)
```
#0a3a2c
```
#0a3a2c rgb(10,58,44)
```
#0d4b38
```
#0d4b38 rgb(13,75,56)
```
#0f5c45
```
#0f5c45 rgb(15,92,69)
```
#126d51
```
#126d51 rgb(18,109,81)
```
#157d5e
```
#157d5e rgb(21,125,94)
```
#188e6b
```
#188e6b rgb(24,142,107)
```
#1b9f77
```
#1b9f77 rgb(27,159,119)
```
#1eb084
```
#1eb084 rgb(30,176,132)
```
#20c090
```
#20c090 rgb(32,192,144)
```
#23d19d
```
#23d19d rgb(35,209,157)
```

Shade Color Variation

#2ddca7
```
#2ddca7 rgb(45,220,167)
```
#3ddeae
```
#3ddeae rgb(61,222,174)
```
#4ee1b5
```
#4ee1b5 rgb(78,225,181)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#70e7c3
```
#70e7c3 rgb(112,231,195)
```
#81eaca
```
#81eaca rgb(129,234,202)
```
#91ecd1
```
#91ecd1 rgb(145,236,209)
```
#a2efd8
```
#a2efd8 rgb(162,239,216)
```
#b3f2df
```
#b3f2df rgb(179,242,223)
```
#c4f5e6
```
#c4f5e6 rgb(196,245,230)
```
#d4f8ed
```
#d4f8ed rgb(212,248,237)
```
#e5fbf4
```
#e5fbf4 rgb(229,251,244)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#a0a3a2
```
#a0a3a2 rgb(160,163,162)
```
#99aaa5
```
#99aaa5 rgb(153,170,165)
```
#91b2a8
```
#91b2a8 rgb(145,178,168)
```
#8ab9ab
```
#8ab9ab rgb(138,185,171)
```
#83c0ae
```
#83c0ae rgb(131,192,174)
```
#7cc7b1
```
#7cc7b1 rgb(124,199,177)
```
#75ceb3
```
#75ceb3 rgb(117,206,179)
```
#6dd6b6
```
#6dd6b6 rgb(109,214,182)
```
#66ddb9
```
#66ddb9 rgb(102,221,185)
```
#5fe4bc
```
#5fe4bc rgb(95,228,188)
```
#58ebbf
```
#58ebbf rgb(88,235,191)
```
#51f2c2
```
#51f2c2 rgb(81,242,194)
```
#49fac5
```
#49fac5 rgb(73,250,197)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a6c1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacfb5 Protanopia 1% of men
#e6c9c9 Deuteranopia 1% of men
#7bdeee Tritanopia 0.001% of the population

Trichromacy

#add7b7 Protanomaly 1% of men, 0.01% of women
#b5d3c4 Deuteranomaly 6% of men, 0.4% of women
#71e0dc Tritanomaly 0.01% of the population

#5fe4bc hex color

#5fe4bc Color Information

#5fe4bc Color Conversion

Color Schemes with #5fe4bc

Alternatives to #5fe4bc

#5fe4bc Preview

Shades and Tints of #5fe4bc

Tones of #5fe4bc

Color Blindness Simulator