#5fd7b2 hex color

In a RGB color space, hex #5fd7b2 is composed of 37.3% red, 84.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 17.2% yellow and 15.7% black. It has a hue angle of 161.5 degrees, a saturation of 60% and a lightness of 60.8%. #5fd7b2 color hex could be obtained by blending #beffff with #00af65. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5fd7b2 has RGB values of R:95, G:215, B:178 and CMYK values of C:0.56, M:0, Y:0.17, K:0.16. Its decimal value is 6281138.

Hex triplet	5fd7b2	`#5fd7b2`
RGB Decimal	95, 215, 178	`rgb(95,215,178)`
RGB Percent	37.3, 84.3, 69.8	`rgb(37.3%,84.3%,69.8%)`
CMYK	56, 0, 17, 16
HSL	161.5°, 60, 60.8	`hsl(161.5,60%,60.8%)`
HSV (or HSB)	161.5°, 55.8, 84.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	78.605, -42.522, 8.161
XYZ	37.053, 54.245, 50.635
xyY	0.261, 0.382, 54.245
CIE-LCH	78.605, 43.298, 169.136
CIE-LUV	78.605, -51.111, 18.994
Hunter-Lab	73.651, -39.089, 10.795
Binary	01011111, 11010111, 10110010

#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#d75f84
```
#d75f84 rgb(215,95,132)
```

Complementary Color

#5fd776
```
#5fd776 rgb(95,215,118)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#5fc0d7
```
#5fc0d7 rgb(95,192,215)
```

Analogous Color

#d7765f
```
#d7765f rgb(215,118,95)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#d75fc0
```
#d75fc0 rgb(215,95,192)
```

Split Complementary Color

#d7b25f
```
#d7b25f rgb(215,178,95)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#b25fd7
```
#b25fd7 rgb(178,95,215)
```

Triadic Color

#84d75f
```
#84d75f rgb(132,215,95)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#b25fd7
```
#b25fd7 rgb(178,95,215)
```
#d75f84
```
#d75f84 rgb(215,95,132)
```

Tetradic Color

#2fbb90
```
#2fbb90 rgb(47,187,144)
```
#36cd9e
```
#36cd9e rgb(54,205,158)
```
#4bd2a8
```
#4bd2a8 rgb(75,210,168)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#73dcbc
```
#73dcbc rgb(115,220,188)
```
#88e1c6
```
#88e1c6 rgb(136,225,198)
```
#9ce6cf
```
#9ce6cf rgb(156,230,207)
```

Monochromatic Color

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

#5fd794
```
#5fd794 rgb(95,215,148)
```
#5fd79e
```
#5fd79e rgb(95,215,158)
```
#5fd7a8
```
#5fd7a8 rgb(95,215,168)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#5fd7bc
```
#5fd7bc rgb(95,215,188)
```
#5fd7c6
```
#5fd7c6 rgb(95,215,198)
```
#5fd7d0
```
#5fd7d0 rgb(95,215,208)
```

Similar Colors

Text with hexadecimal color #5fd7b2

This text has a font color of #5fd7b2.

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

#5fd7b2 background color

This paragraph has a background color of #5fd7b2.

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

#5fd7b2 border color

This element has a border color of #5fd7b2.

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

CSS codes

.text {color:#5fd7b2;}

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

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

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

#030d0a
```
#030d0a rgb(3,13,10)
```
#071c16
```
#071c16 rgb(7,28,22)
```
#0b2c22
```
#0b2c22 rgb(11,44,34)
```
#0f3c2e
```
#0f3c2e rgb(15,60,46)
```
#134b3a
```
#134b3a rgb(19,75,58)
```
#175b46
```
#175b46 rgb(23,91,70)
```
#1b6b52
```
#1b6b52 rgb(27,107,82)
```
#1f7a5e
```
#1f7a5e rgb(31,122,94)
```
#238a6a
```
#238a6a rgb(35,138,106)
```
#269a76
```
#269a76 rgb(38,154,118)
```
#2aaa82
```
#2aaa82 rgb(42,170,130)
```
#2eb98e
```
#2eb98e rgb(46,185,142)
```
#32c99a
```
#32c99a rgb(50,201,154)
```

Shade Color Variation

#40cfa3
```
#40cfa3 rgb(64,207,163)
```
#4fd3aa
```
#4fd3aa rgb(79,211,170)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#6fdbba
```
#6fdbba rgb(111,219,186)
```
#7edfc1
```
#7edfc1 rgb(126,223,193)
```
#8ee3c9
```
#8ee3c9 rgb(142,227,201)
```
#9ee7d0
```
#9ee7d0 rgb(158,231,208)
```
#adebd8
```
#adebd8 rgb(173,235,216)
```
#bdefdf
```
#bdefdf rgb(189,239,223)
```
#cdf2e7
```
#cdf2e7 rgb(205,242,231)
```
#ddf6ee
```
#ddf6ee rgb(221,246,238)
```
#ecfaf6
```
#ecfaf6 rgb(236,250,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#95a19d
```
#95a19d rgb(149,161,157)
```
#8da9a0
```
#8da9a0 rgb(141,169,160)
```
#85b1a3
```
#85b1a3 rgb(133,177,163)
```
#7eb8a6
```
#7eb8a6 rgb(126,184,166)
```
#76c0a9
```
#76c0a9 rgb(118,192,169)
```
#6ec8ac
```
#6ec8ac rgb(110,200,172)
```
#67cfaf
```
#67cfaf rgb(103,207,175)
```
#5fd7b2
```
#5fd7b2 rgb(95,215,178)
```
#57dfb5
```
#57dfb5 rgb(87,223,181)
```
#50e6b8
```
#50e6b8 rgb(80,230,184)
```
#48eebb
```
#48eebb rgb(72,238,187)
```
#40f6be
```
#40f6be rgb(64,246,190)
```
#39fdc1
```
#39fdc1 rgb(57,253,193)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec5ac Protanopia 1% of men
#dabfbe Deuteranopia 1% of men
#79d2e2 Tritanopia 0.001% of the population

Trichromacy

#a6cbae Protanomaly 1% of men, 0.01% of women
#adc8ba Deuteranomaly 6% of men, 0.4% of women
#6fd4d0 Tritanomaly 0.01% of the population

#5fd7b2 hex color

#5fd7b2 Color Information

#5fd7b2 Color Conversion

Color Schemes with #5fd7b2

Alternatives to #5fd7b2

#5fd7b2 Preview

Shades and Tints of #5fd7b2

Tones of #5fd7b2

Color Blindness Simulator