#5ff2bc hex color

In a RGB color space, hex #5ff2bc is composed of 37.3% red, 94.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 22.3% yellow and 5.1% black. It has a hue angle of 158 degrees, a saturation of 85% and a lightness of 66.1%. #5ff2bc color hex could be obtained by blending #beffff with #00e579. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 37
- G 95
- B 74
RGB color chart
- C 61
- M 0
- Y 22
- K 5
CMYK color chart

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

The hexadecimal color #5ff2bc has RGB values of R:95, G:242, B:188 and CMYK values of C:0.61, M:0, Y:0.22, K:0.05. Its decimal value is 6288060.

Hex triplet	5ff2bc	`#5ff2bc`
RGB Decimal	95, 242, 188	`rgb(95,242,188)`
RGB Percent	37.3, 94.9, 73.7	`rgb(37.3%,94.9%,73.7%)`
CMYK	61, 0, 22, 5
HSL	158°, 85, 66.1	`hsl(158,85%,66.1%)`
HSV (or HSB)	158°, 60.7, 94.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.783, -51.764, 14.527
XYZ	45.545, 69.564, 58.601
xyY	0.262, 0.4, 69.564
CIE-LCH	86.783, 53.763, 164.323
CIE-LUV	86.783, -60.698, 30.078
Hunter-Lab	83.405, -48.485, 16.726
Binary	01011111, 11110010, 10111100

#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#f25f95
```
#f25f95 rgb(242,95,149)
```

Complementary Color

#5ff273
```
#5ff273 rgb(95,242,115)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#5fdff2
```
#5fdff2 rgb(95,223,242)
```

Analogous Color

#f2735f
```
#f2735f rgb(242,115,95)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#f25fdf
```
#f25fdf rgb(242,95,223)
```

Split Complementary Color

#f2bc5f
```
#f2bc5f rgb(242,188,95)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#bc5ff2
```
#bc5ff2 rgb(188,95,242)
```

Triadic Color

#95f25f
```
#95f25f rgb(149,242,95)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#bc5ff2
```
#bc5ff2 rgb(188,95,242)
```
#f25f95
```
#f25f95 rgb(242,95,149)
```

Tetradic Color

#18ec9e
```
#18ec9e rgb(24,236,158)
```
#30eea8
```
#30eea8 rgb(48,238,168)
```
#47f0b2
```
#47f0b2 rgb(71,240,178)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#77f4c6
```
#77f4c6 rgb(119,244,198)
```
#8ef6d0
```
#8ef6d0 rgb(142,246,208)
```
#a6f8da
```
#a6f8da rgb(166,248,218)
```

Monochromatic Color

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

#5ff297
```
#5ff297 rgb(95,242,151)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#5ff2b0
```
#5ff2b0 rgb(95,242,176)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#5ff2c8
```
#5ff2c8 rgb(95,242,200)
```
#5ff2d5
```
#5ff2d5 rgb(95,242,213)
```
#5ff2e1
```
#5ff2e1 rgb(95,242,225)
```

Similar Colors

Text with hexadecimal color #5ff2bc

This text has a font color of #5ff2bc.

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

#5ff2bc background color

This paragraph has a background color of #5ff2bc.

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

#5ff2bc border color

This element has a border color of #5ff2bc.

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

CSS codes

.text {color:#5ff2bc;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#02150e
```
#02150e rgb(2,21,14)
```
#03281a
```
#03281a rgb(3,40,26)
```
#053a26
```
#053a26 rgb(5,58,38)
```
#064c32
```
#064c32 rgb(6,76,50)
```
#085e3e
```
#085e3e rgb(8,94,62)
```
#09704a
```
#09704a rgb(9,112,74)
```
#0b8256
```
#0b8256 rgb(11,130,86)
```
#0c9462
```
#0c9462 rgb(12,148,98)
```
#0ea76e
```
#0ea76e rgb(14,167,110)
```
#0fb97a
```
#0fb97a rgb(15,185,122)
```
#10cb86
```
#10cb86 rgb(16,203,134)
```
#12dd92
```
#12dd92 rgb(18,221,146)
```

Shade Color Variation

#16ec9e
```
#16ec9e rgb(22,236,158)
```
#29eea5
```
#29eea5 rgb(41,238,165)
```
#3befad
```
#3befad rgb(59,239,173)
```
#4df1b4
```
#4df1b4 rgb(77,241,180)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#71f3c4
```
#71f3c4 rgb(113,243,196)
```
#83f5cb
```
#83f5cb rgb(131,245,203)
```
#95f6d3
```
#95f6d3 rgb(149,246,211)
```
#a8f8da
```
#a8f8da rgb(168,248,218)
```
#baf9e2
```
#baf9e2 rgb(186,249,226)
```
#ccfbea
```
#ccfbea rgb(204,251,234)
```
#defcf1
```
#defcf1 rgb(222,252,241)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

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

#a8a9a9
```
#a8a9a9 rgb(168,169,169)
```
#a2afaa
```
#a2afaa rgb(162,175,170)
```
#9bb6ac
```
#9bb6ac rgb(155,182,172)
```
#94bdae
```
#94bdae rgb(148,189,174)
```
#8ec3b0
```
#8ec3b0 rgb(142,195,176)
```
#87cab1
```
#87cab1 rgb(135,202,177)
```
#80d1b3
```
#80d1b3 rgb(128,209,179)
```
#7ad7b5
```
#7ad7b5 rgb(122,215,181)
```
#73deb7
```
#73deb7 rgb(115,222,183)
```
#6ce5b8
```
#6ce5b8 rgb(108,229,184)
```
#66ebba
```
#66ebba rgb(102,235,186)
```
#5ff2bc
```
#5ff2bc rgb(95,242,188)
```
#58f9be
```
#58f9be rgb(88,249,190)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#adcabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab4 Protanopia 1% of men
#f6d4ca Deuteranopia 1% of men
#81eafb Tritanopia 0.001% of the population

Trichromacy

#b6e3b7 Protanomaly 1% of men, 0.01% of women
#bfdec4 Deuteranomaly 6% of men, 0.4% of women
#74ede4 Tritanomaly 0.01% of the population

#5ff2bc hex color

#5ff2bc Color Information

#5ff2bc Color Conversion

Color Schemes with #5ff2bc

Alternatives to #5ff2bc

#5ff2bc Preview

Shades and Tints of #5ff2bc

Tones of #5ff2bc

Color Blindness Simulator