#5fd2df hex color

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

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

● #5fd2df color description : Soft cyan.

The hexadecimal color #5fd2df has RGB values of R:95, G:210, B:223 and CMYK values of C:0.57, M:0.06, Y:0, K:0.13. Its decimal value is 6279903.

Hex triplet	5fd2df	`#5fd2df`
RGB Decimal	95, 210, 223	`rgb(95,210,223)`
RGB Percent	37.3, 82.4, 87.5	`rgb(37.3%,82.4%,87.5%)`
CMYK	57, 6, 0, 13
HSL	186.1°, 66.7, 62.4	`hsl(186.1,66.7%,62.4%)`
HSV (or HSB)	186.1°, 57.4, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.375, -28.746, -16.268
XYZ	41.081, 53.851, 78.037
xyY	0.238, 0.311, 53.851
CIE-LCH	78.375, 33.03, 209.506
CIE-LUV	78.375, -46.971, -21.197
Hunter-Lab	73.383, -28.492, -11.682
Binary	01011111, 11010010, 11011111

#5fd2df
```
#5fd2df rgb(95,210,223)
```
#df6c5f
```
#df6c5f rgb(223,108,95)
```

Complementary Color

#5fdfac
```
#5fdfac rgb(95,223,172)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#5f92df
```
#5f92df rgb(95,146,223)
```

Analogous Color

#dfac5f
```
#dfac5f rgb(223,172,95)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#df5f92
```
#df5f92 rgb(223,95,146)
```

Split Complementary Color

#d2df5f
```
#d2df5f rgb(210,223,95)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#df5fd2
```
#df5fd2 rgb(223,95,210)
```

Triadic Color

#5fdf6c
```
#5fdf6c rgb(95,223,108)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#df5fd2
```
#df5fd2 rgb(223,95,210)
```
#df6c5f
```
#df6c5f rgb(223,108,95)
```

Tetradic Color

#28b9c9
```
#28b9c9 rgb(40,185,201)
```
#35c6d7
```
#35c6d7 rgb(53,198,215)
```
#4accdb
```
#4accdb rgb(74,204,219)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#74d8e3
```
#74d8e3 rgb(116,216,227)
```
#8adee8
```
#8adee8 rgb(138,222,232)
```
#9fe4ec
```
#9fe4ec rgb(159,228,236)
```

Monochromatic Color

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

#5fdfcc
```
#5fdfcc rgb(95,223,204)
```
#5fdfd7
```
#5fdfd7 rgb(95,223,215)
```
#5fdddf
```
#5fdddf rgb(95,221,223)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#5fc7df
```
#5fc7df rgb(95,199,223)
```
#5fbddf
```
#5fbddf rgb(95,189,223)
```
#5fb2df
```
#5fb2df rgb(95,178,223)
```

Similar Colors

Text with hexadecimal color #5fd2df

This text has a font color of #5fd2df.

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

#5fd2df background color

This paragraph has a background color of #5fd2df.

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

#5fd2df border color

This element has a border color of #5fd2df.

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

CSS codes

.text {color:#5fd2df;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041214
```
#041214 rgb(4,18,20)
```
#072124
```
#072124 rgb(7,33,36)
```
#0b3035
```
#0b3035 rgb(11,48,53)
```
#0e3f45
```
#0e3f45 rgb(14,63,69)
```
#114e55
```
#114e55 rgb(17,78,85)
```
#145d66
```
#145d66 rgb(20,93,102)
```
#186c76
```
#186c76 rgb(24,108,118)
```
#1b7b86
```
#1b7b86 rgb(27,123,134)
```
#1e8a97
```
#1e8a97 rgb(30,138,151)
```
#2199a7
```
#2199a7 rgb(33,153,167)
```
#25a8b7
```
#25a8b7 rgb(37,168,183)
```
#28b7c8
```
#28b7c8 rgb(40,183,200)
```

Shade Color Variation

#2ec4d5
```
#2ec4d5 rgb(46,196,213)
```
#3ec9d8
```
#3ec9d8 rgb(62,201,216)
```
#4fcddc
```
#4fcddc rgb(79,205,220)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#6fd7e2
```
#6fd7e2 rgb(111,215,226)
```
#80dbe6
```
#80dbe6 rgb(128,219,230)
```
#90e0e9
```
#90e0e9 rgb(144,224,233)
```
#a0e4ec
```
#a0e4ec rgb(160,228,236)
```
#b1e9ef
```
#b1e9ef rgb(177,233,239)
```
#c1eef3
```
#c1eef3 rgb(193,238,243)
```
#d1f2f6
```
#d1f2f6 rgb(209,242,246)
```
#e2f7f9
```
#e2f7f9 rgb(226,247,249)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#9aa3a4
```
#9aa3a4 rgb(154,163,164)
```
#93a9ab
```
#93a9ab rgb(147,169,171)
```
#8bafb3
```
#8bafb3 rgb(139,175,179)
```
#84b5ba
```
#84b5ba rgb(132,181,186)
```
#7dbac1
```
#7dbac1 rgb(125,186,193)
```
#75c0c9
```
#75c0c9 rgb(117,192,201)
```
#6ec6d0
```
#6ec6d0 rgb(110,198,208)
```
#66ccd8
```
#66ccd8 rgb(102,204,216)
```
#5fd2df
```
#5fd2df rgb(95,210,223)
```
#58d8e6
```
#58d8e6 rgb(88,216,230)
```
#50deee
```
#50deee rgb(80,222,238)
```
#49e4f5
```
#49e4f5 rgb(73,228,245)
```
#41eafd
```
#41eafd rgb(65,234,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a1b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c3d6 Protanopia 1% of men
#c5c0e7 Deuteranopia 1% of men
#68d3e3 Tritanopia 0.001% of the population

Trichromacy

#9ec8d9 Protanomaly 1% of men, 0.01% of women
#a0c7e4 Deuteranomaly 6% of men, 0.4% of women
#65d3e1 Tritanomaly 0.01% of the population

#5fd2df hex color

#5fd2df Color Information

#5fd2df Color Conversion

Color Schemes with #5fd2df

Alternatives to #5fd2df

#5fd2df Preview

Shades and Tints of #5fd2df

Tones of #5fd2df

Color Blindness Simulator