#5fdfd5 hex color

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

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

● #5fdfd5 color description : Soft cyan.

The hexadecimal color #5fdfd5 has RGB values of R:95, G:223, B:213 and CMYK values of C:0.57, M:0, Y:0.04, K:0.13. Its decimal value is 6283221.

Hex triplet	5fdfd5	`#5fdfd5`
RGB Decimal	95, 223, 213	`rgb(95,223,213)`
RGB Percent	37.3, 87.5, 83.5	`rgb(37.3%,87.5%,83.5%)`
CMYK	57, 0, 4, 13
HSL	175.3°, 66.7, 62.4	`hsl(175.3,66.7%,62.4%)`
HSV (or HSB)	175.3°, 57.4, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.843, -37.563, -5.755
XYZ	43.114, 60.009, 72.258
xyY	0.246, 0.342, 60.009
CIE-LCH	81.843, 38.001, 188.711
CIE-LUV	81.843, -52.32, -2.935
Hunter-Lab	77.465, -36.22, -1.079
Binary	01011111, 11011111, 11010101

#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#df5f69
```
#df5f69 rgb(223,95,105)
```

Complementary Color

#5fdf95
```
#5fdf95 rgb(95,223,149)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#5fa9df
```
#5fa9df rgb(95,169,223)
```

Analogous Color

#df955f
```
#df955f rgb(223,149,95)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#df5fa9
```
#df5fa9 rgb(223,95,169)
```

Split Complementary Color

#dfd55f
```
#dfd55f rgb(223,213,95)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#d55fdf
```
#d55fdf rgb(213,95,223)
```

Triadic Color

#69df5f
```
#69df5f rgb(105,223,95)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#d55fdf
```
#d55fdf rgb(213,95,223)
```
#df5f69
```
#df5f69 rgb(223,95,105)
```

Tetradic Color

#28c9bd
```
#28c9bd rgb(40,201,189)
```
#35d7ca
```
#35d7ca rgb(53,215,202)
```
#4adbcf
```
#4adbcf rgb(74,219,207)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#74e3db
```
#74e3db rgb(116,227,219)
```
#8ae8e0
```
#8ae8e0 rgb(138,232,224)
```
#9fece6
```
#9fece6 rgb(159,236,230)
```

Monochromatic Color

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

#5fdfb5
```
#5fdfb5 rgb(95,223,181)
```
#5fdfc0
```
#5fdfc0 rgb(95,223,192)
```
#5fdfca
```
#5fdfca rgb(95,223,202)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#5fdedf
```
#5fdedf rgb(95,222,223)
```
#5fd4df
```
#5fd4df rgb(95,212,223)
```
#5fc9df
```
#5fc9df rgb(95,201,223)
```

Similar Colors

Text with hexadecimal color #5fdfd5

This text has a font color of #5fdfd5.

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

#5fdfd5 background color

This paragraph has a background color of #5fdfd5.

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

#5fdfd5 border color

This element has a border color of #5fdfd5.

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

CSS codes

.text {color:#5fdfd5;}

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

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

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 #f2fcfc is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#041413
```
#041413 rgb(4,20,19)
```
#072422
```
#072422 rgb(7,36,34)
```
#0b3531
```
#0b3531 rgb(11,53,49)
```
#0e4541
```
#0e4541 rgb(14,69,65)
```
#115550
```
#115550 rgb(17,85,80)
```
#14665f
```
#14665f rgb(20,102,95)
```
#18766f
```
#18766f rgb(24,118,111)
```
#1b867e
```
#1b867e rgb(27,134,126)
```
#1e978d
```
#1e978d rgb(30,151,141)
```
#21a79c
```
#21a79c rgb(33,167,156)
```
#25b7ac
```
#25b7ac rgb(37,183,172)
```
#28c8bb
```
#28c8bb rgb(40,200,187)
```

Shade Color Variation

#2ed5c8
```
#2ed5c8 rgb(46,213,200)
```
#3ed8cc
```
#3ed8cc rgb(62,216,204)
```
#4fdcd1
```
#4fdcd1 rgb(79,220,209)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#6fe2d9
```
#6fe2d9 rgb(111,226,217)
```
#80e6de
```
#80e6de rgb(128,230,222)
```
#90e9e2
```
#90e9e2 rgb(144,233,226)
```
#a0ece6
```
#a0ece6 rgb(160,236,230)
```
#b1efea
```
#b1efea rgb(177,239,234)
```
#c1f3ef
```
#c1f3ef rgb(193,243,239)
```
#d1f6f3
```
#d1f6f3 rgb(209,246,243)
```
#e2f9f7
```
#e2f9f7 rgb(226,249,247)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Tint Color Variation

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

#9aa4a3
```
#9aa4a3 rgb(154,164,163)
```
#93aba9
```
#93aba9 rgb(147,171,169)
```
#8bb3b0
```
#8bb3b0 rgb(139,179,176)
```
#84bab6
```
#84bab6 rgb(132,186,182)
```
#7dc1bc
```
#7dc1bc rgb(125,193,188)
```
#75c9c2
```
#75c9c2 rgb(117,201,194)
```
#6ed0c9
```
#6ed0c9 rgb(110,208,201)
```
#66d8cf
```
#66d8cf rgb(102,216,207)
```
#5fdfd5
```
#5fdfd5 rgb(95,223,213)
```
#58e6db
```
#58e6db rgb(88,230,219)
```
#50eee1
```
#50eee1 rgb(80,238,225)
```
#49f5e8
```
#49f5e8 rgb(73,245,232)
```
#41fdee
```
#41fdee rgb(65,253,238)
```

Tone Color Variation

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

Dichromacy

#d1cdcc Protanopia 1% of men
#d8c8df Deuteranopia 1% of men
#72dded Tritanopia 0.001% of the population

Trichromacy

#a8d3cf Protanomaly 1% of men, 0.01% of women
#acd0db Deuteranomaly 6% of men, 0.4% of women
#6bdde4 Tritanomaly 0.01% of the population

#5fdfd5 hex color

#5fdfd5 Color Information

#5fdfd5 Color Conversion

Color Schemes with #5fdfd5

Alternatives to #5fdfd5

#5fdfd5 Preview

Shades and Tints of #5fdfd5

Tones of #5fdfd5

Color Blindness Simulator