#5fc2df hex color

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

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

● #5fc2df color description : Soft cyan.

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

Hex triplet	5fc2df	`#5fc2df`
RGB Decimal	95, 194, 223	`rgb(95,194,223)`
RGB Percent	37.3, 76.1, 87.5	`rgb(37.3%,76.1%,87.5%)`
CMYK	57, 13, 0, 13
HSL	193.6°, 66.7, 62.4	`hsl(193.6,66.7%,62.4%)`
HSV (or HSB)	193.6°, 57.4, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.767, -20.77, -23.251
XYZ	37.327, 46.341, 76.786
xyY	0.233, 0.289, 46.341
CIE-LCH	73.767, 31.177, 228.225
CIE-LUV	73.767, -41.01, -33.709
Hunter-Lab	68.075, -21.255, -19.225
Binary	01011111, 11000010, 11011111

#5fc2df
```
#5fc2df rgb(95,194,223)
```
#df7c5f
```
#df7c5f rgb(223,124,95)
```

Complementary Color

#5fdfbc
```
#5fdfbc rgb(95,223,188)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#5f82df
```
#5f82df rgb(95,130,223)
```

Analogous Color

#dfbc5f
```
#dfbc5f rgb(223,188,95)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#df5f82
```
#df5f82 rgb(223,95,130)
```

Split Complementary Color

#c2df5f
```
#c2df5f rgb(194,223,95)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#df5fc2
```
#df5fc2 rgb(223,95,194)
```

Triadic Color

#5fdf7c
```
#5fdf7c rgb(95,223,124)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#df5fc2
```
#df5fc2 rgb(223,95,194)
```
#df7c5f
```
#df7c5f rgb(223,124,95)
```

Tetradic Color

#28a5c9
```
#28a5c9 rgb(40,165,201)
```
#35b2d7
```
#35b2d7 rgb(53,178,215)
```
#4abadb
```
#4abadb rgb(74,186,219)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#74cae3
```
#74cae3 rgb(116,202,227)
```
#8ad2e8
```
#8ad2e8 rgb(138,210,232)
```
#9fdaec
```
#9fdaec rgb(159,218,236)
```

Monochromatic Color

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

#5fdfdc
```
#5fdfdc rgb(95,223,220)
```
#5fd7df
```
#5fd7df rgb(95,215,223)
```
#5fcddf
```
#5fcddf rgb(95,205,223)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#5fb7df
```
#5fb7df rgb(95,183,223)
```
#5faddf
```
#5faddf rgb(95,173,223)
```
#5fa2df
```
#5fa2df rgb(95,162,223)
```

Similar Colors

Text with hexadecimal color #5fc2df

This text has a font color of #5fc2df.

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

#5fc2df background color

This paragraph has a background color of #5fc2df.

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

#5fc2df border color

This element has a border color of #5fc2df.

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

CSS codes

.text {color:#5fc2df;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041014
```
#041014 rgb(4,16,20)
```
#071e24
```
#071e24 rgb(7,30,36)
```
#0b2b35
```
#0b2b35 rgb(11,43,53)
```
#0e3845
```
#0e3845 rgb(14,56,69)
```
#114655
```
#114655 rgb(17,70,85)
```
#145366
```
#145366 rgb(20,83,102)
```
#186176
```
#186176 rgb(24,97,118)
```
#1b6e86
```
#1b6e86 rgb(27,110,134)
```
#1e7b97
```
#1e7b97 rgb(30,123,151)
```
#2189a7
```
#2189a7 rgb(33,137,167)
```
#2596b7
```
#2596b7 rgb(37,150,183)
```
#28a3c8
```
#28a3c8 rgb(40,163,200)
```

Shade Color Variation

#2eafd5
```
#2eafd5 rgb(46,175,213)
```
#3eb6d8
```
#3eb6d8 rgb(62,182,216)
```
#4fbcdc
```
#4fbcdc rgb(79,188,220)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#6fc8e2
```
#6fc8e2 rgb(111,200,226)
```
#80cee6
```
#80cee6 rgb(128,206,230)
```
#90d5e9
```
#90d5e9 rgb(144,213,233)
```
#a0dbec
```
#a0dbec rgb(160,219,236)
```
#b1e1ef
```
#b1e1ef rgb(177,225,239)
```
#c1e7f3
```
#c1e7f3 rgb(193,231,243)
```
#d1eef6
```
#d1eef6 rgb(209,238,246)
```
#e2f4f9
```
#e2f4f9 rgb(226,244,249)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#9aa2a4
```
#9aa2a4 rgb(154,162,164)
```
#93a6ab
```
#93a6ab rgb(147,166,171)
```
#8baab3
```
#8baab3 rgb(139,170,179)
```
#84aeba
```
#84aeba rgb(132,174,186)
```
#7db2c1
```
#7db2c1 rgb(125,178,193)
```
#75b6c9
```
#75b6c9 rgb(117,182,201)
```
#6ebad0
```
#6ebad0 rgb(110,186,208)
```
#66bed8
```
#66bed8 rgb(102,190,216)
```
#5fc2df
```
#5fc2df rgb(95,194,223)
```
#58c6e6
```
#58c6e6 rgb(88,198,230)
```
#50caee
```
#50caee rgb(80,202,238)
```
#49cef5
```
#49cef5 rgb(73,206,245)
```
#41d2fd
```
#41d2fd rgb(65,210,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99adb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b7d8 Protanopia 1% of men
#b1b5e6 Deuteranopia 1% of men
#61c7d5 Tritanopia 0.001% of the population

Trichromacy

#93bbda Protanomaly 1% of men, 0.01% of women
#93bae3 Deuteranomaly 6% of men, 0.4% of women
#60c5d9 Tritanomaly 0.01% of the population

#5fc2df hex color

#5fc2df Color Information

#5fc2df Color Conversion

Color Schemes with #5fc2df

Alternatives to #5fc2df

#5fc2df Preview

Shades and Tints of #5fc2df

Tones of #5fc2df

Color Blindness Simulator