#5fdfbb hex color

In a RGB color space, hex #5fdfbb is composed of 37.3% red, 87.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 16.1% yellow and 12.5% black. It has a hue angle of 163.1 degrees, a saturation of 66.7% and a lightness of 62.4%. #5fdfbb color hex could be obtained by blending #beffff with #00bf77. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 87
- B 73
RGB color chart
- C 57
- M 0
- Y 16
- K 13
CMYK color chart

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

The hexadecimal color #5fdfbb has RGB values of R:95, G:223, B:187 and CMYK values of C:0.57, M:0, Y:0.16, K:0.13. Its decimal value is 6283195.

Hex triplet	5fdfbb	`#5fdfbb`
RGB Decimal	95, 223, 187	`rgb(95,223,187)`
RGB Percent	37.3, 87.5, 73.3	`rgb(37.3%,87.5%,73.3%)`
CMYK	57, 0, 16, 13
HSL	163.1°, 66.7, 62.4	`hsl(163.1,66.7%,62.4%)`
HSV (or HSB)	163.1°, 57.4, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.178, -43.945, 7.071
XYZ	40.074, 58.793, 56.247
xyY	0.258, 0.379, 58.793
CIE-LCH	81.178, 44.511, 170.859
CIE-LUV	81.178, -53.69, 17.723
Hunter-Lab	76.677, -40.894, 10.18
Binary	01011111, 11011111, 10111011

#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#df5f83
```
#df5f83 rgb(223,95,131)
```

Complementary Color

#5fdf7b
```
#5fdf7b rgb(95,223,123)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#5fc3df
```
#5fc3df rgb(95,195,223)
```

Analogous Color

#df7b5f
```
#df7b5f rgb(223,123,95)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#df5fc3
```
#df5fc3 rgb(223,95,195)
```

Split Complementary Color

#dfbb5f
```
#dfbb5f rgb(223,187,95)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#bb5fdf
```
#bb5fdf rgb(187,95,223)
```

Triadic Color

#83df5f
```
#83df5f rgb(131,223,95)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#bb5fdf
```
#bb5fdf rgb(187,95,223)
```
#df5f83
```
#df5f83 rgb(223,95,131)
```

Tetradic Color

#28c99c
```
#28c99c rgb(40,201,156)
```
#35d7a9
```
#35d7a9 rgb(53,215,169)
```
#4adbb2
```
#4adbb2 rgb(74,219,178)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#74e3c4
```
#74e3c4 rgb(116,227,196)
```
#8ae8cd
```
#8ae8cd rgb(138,232,205)
```
#9fecd6
```
#9fecd6 rgb(159,236,214)
```

Monochromatic Color

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

#5fdf9b
```
#5fdf9b rgb(95,223,155)
```
#5fdfa6
```
#5fdfa6 rgb(95,223,166)
```
#5fdfb0
```
#5fdfb0 rgb(95,223,176)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#5fdfc6
```
#5fdfc6 rgb(95,223,198)
```
#5fdfd0
```
#5fdfd0 rgb(95,223,208)
```
#5fdfdb
```
#5fdfdb rgb(95,223,219)
```

Similar Colors

Text with hexadecimal color #5fdfbb

This text has a font color of #5fdfbb.

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

#5fdfbb background color

This paragraph has a background color of #5fdfbb.

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

#5fdfbb border color

This element has a border color of #5fdfbb.

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

CSS codes

.text {color:#5fdfbb;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#04140f
```
#04140f rgb(4,20,15)
```
#07241c
```
#07241c rgb(7,36,28)
```
#0b3529
```
#0b3529 rgb(11,53,41)
```
#0e4535
```
#0e4535 rgb(14,69,53)
```
#115542
```
#115542 rgb(17,85,66)
```
#14664f
```
#14664f rgb(20,102,79)
```
#18765b
```
#18765b rgb(24,118,91)
```
#1b8668
```
#1b8668 rgb(27,134,104)
```
#1e9775
```
#1e9775 rgb(30,151,117)
```
#21a781
```
#21a781 rgb(33,167,129)
```
#25b78e
```
#25b78e rgb(37,183,142)
```
#28c89b
```
#28c89b rgb(40,200,155)
```

Shade Color Variation

#2ed5a6
```
#2ed5a6 rgb(46,213,166)
```
#3ed8ad
```
#3ed8ad rgb(62,216,173)
```
#4fdcb4
```
#4fdcb4 rgb(79,220,180)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#6fe2c2
```
#6fe2c2 rgb(111,226,194)
```
#80e6c9
```
#80e6c9 rgb(128,230,201)
```
#90e9d0
```
#90e9d0 rgb(144,233,208)
```
#a0ecd7
```
#a0ecd7 rgb(160,236,215)
```
#b1efde
```
#b1efde rgb(177,239,222)
```
#c1f3e5
```
#c1f3e5 rgb(193,243,229)
```
#d1f6ec
```
#d1f6ec rgb(209,246,236)
```
#e2f9f3
```
#e2f9f3 rgb(226,249,243)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa4a1 is the less saturated color, while #41fdc8 is the most saturated one.

#9aa4a1
```
#9aa4a1 rgb(154,164,161)
```
#93aba4
```
#93aba4 rgb(147,171,164)
```
#8bb3a8
```
#8bb3a8 rgb(139,179,168)
```
#84baab
```
#84baab rgb(132,186,171)
```
#7dc1ae
```
#7dc1ae rgb(125,193,174)
```
#75c9b1
```
#75c9b1 rgb(117,201,177)
```
#6ed0b5
```
#6ed0b5 rgb(110,208,181)
```
#66d8b8
```
#66d8b8 rgb(102,216,184)
```
#5fdfbb
```
#5fdfbb rgb(95,223,187)
```
#58e6be
```
#58e6be rgb(88,230,190)
```
#50eec1
```
#50eec1 rgb(80,238,193)
```
#49f5c5
```
#49f5c5 rgb(73,245,197)
```
#41fdc8
```
#41fdc8 rgb(65,253,200)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bdb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cbb4 Protanopia 1% of men
#e0c6c7 Deuteranopia 1% of men
#7adaea Tritanopia 0.001% of the population

Trichromacy

#aad2b6 Protanomaly 1% of men, 0.01% of women
#b1cfc3 Deuteranomaly 6% of men, 0.4% of women
#70dcd9 Tritanomaly 0.01% of the population

#5fdfbb hex color

#5fdfbb Color Information

#5fdfbb Color Conversion

Color Schemes with #5fdfbb

Alternatives to #5fdfbb

#5fdfbb Preview

Shades and Tints of #5fdfbb

Tones of #5fdfbb

Color Blindness Simulator