#5fd6e0 hex color

In a RGB color space, hex #5fd6e0 is composed of 37.3% red, 83.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 4.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 184.7 degrees, a saturation of 67.5% and a lightness of 62.5%. #5fd6e0 color hex could be obtained by blending #beffff with #00adc1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 84
- B 88
RGB color chart
- C 58
- M 4
- Y 0
- K 12
CMYK color chart

● #5fd6e0 color description : Soft cyan.

The hexadecimal color #5fd6e0 has RGB values of R:95, G:214, B:224 and CMYK values of C:0.58, M:0.04, Y:0, K:0.12. Its decimal value is 6280928.

Hex triplet	5fd6e0	`#5fd6e0`
RGB Decimal	95, 214, 224	`rgb(95,214,224)`
RGB Percent	37.3, 83.9, 87.8	`rgb(37.3%,83.9%,87.8%)`
CMYK	58, 4, 0, 12
HSL	184.7°, 67.5, 62.5	`hsl(184.7,67.5%,62.5%)`
HSV (or HSB)	184.7°, 57.6, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.559, -30.403, -15.021
XYZ	42.217, 55.905, 79.083
xyY	0.238, 0.315, 55.905
CIE-LCH	79.559, 33.911, 206.292
CIE-LUV	79.559, -48.405, -18.941
Hunter-Lab	74.769, -30.061, -10.372
Binary	01011111, 11010110, 11100000

#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#e0695f
```
#e0695f rgb(224,105,95)
```

Complementary Color

#5fe0aa
```
#5fe0aa rgb(95,224,170)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#5f96e0
```
#5f96e0 rgb(95,150,224)
```

Analogous Color

#e0aa5f
```
#e0aa5f rgb(224,170,95)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#e05f96
```
#e05f96 rgb(224,95,150)
```

Split Complementary Color

#d6e05f
```
#d6e05f rgb(214,224,95)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#e05fd6
```
#e05fd6 rgb(224,95,214)
```

Triadic Color

#5fe069
```
#5fe069 rgb(95,224,105)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#e05fd6
```
#e05fd6 rgb(224,95,214)
```
#e0695f
```
#e0695f rgb(224,105,95)
```

Tetradic Color

#27becb
```
#27becb rgb(39,190,203)
```
#34cbd8
```
#34cbd8 rgb(52,203,216)
```
#4ad1dc
```
#4ad1dc rgb(74,209,220)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#74dbe4
```
#74dbe4 rgb(116,219,228)
```
#8ae1e8
```
#8ae1e8 rgb(138,225,232)
```
#9fe6ec
```
#9fe6ec rgb(159,230,236)
```

Monochromatic Color

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

#5fe0ca
```
#5fe0ca rgb(95,224,202)
```
#5fe0d5
```
#5fe0d5 rgb(95,224,213)
```
#5fe0df
```
#5fe0df rgb(95,224,223)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#5fcbe0
```
#5fcbe0 rgb(95,203,224)
```
#5fc1e0
```
#5fc1e0 rgb(95,193,224)
```
#5fb6e0
```
#5fb6e0 rgb(95,182,224)
```

Similar Colors

Text with hexadecimal color #5fd6e0

This text has a font color of #5fd6e0.

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

#5fd6e0 background color

This paragraph has a background color of #5fd6e0.

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

#5fd6e0 border color

This element has a border color of #5fd6e0.

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

CSS codes

.text {color:#5fd6e0;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041315
```
#041315 rgb(4,19,21)
```
#072325
```
#072325 rgb(7,35,37)
```
#0a3236
```
#0a3236 rgb(10,50,54)
```
#0e4246
```
#0e4246 rgb(14,66,70)
```
#115156
```
#115156 rgb(17,81,86)
```
#146067
```
#146067 rgb(20,96,103)
```
#177077
```
#177077 rgb(23,112,119)
```
#1a7f88
```
#1a7f88 rgb(26,127,136)
```
#1d8f98
```
#1d8f98 rgb(29,143,152)
```
#219ea9
```
#219ea9 rgb(33,158,169)
```
#24adb9
```
#24adb9 rgb(36,173,185)
```
#27bdc9
```
#27bdc9 rgb(39,189,201)
```

Shade Color Variation

#2ec9d6
```
#2ec9d6 rgb(46,201,214)
```
#3eceda
```
#3eceda rgb(62,206,218)
```
#4fd2dd
```
#4fd2dd rgb(79,210,221)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#6fdae3
```
#6fdae3 rgb(111,218,227)
```
#80dee6
```
#80dee6 rgb(128,222,230)
```
#90e3ea
```
#90e3ea rgb(144,227,234)
```
#a1e7ed
```
#a1e7ed rgb(161,231,237)
```
#b1ebf0
```
#b1ebf0 rgb(177,235,240)
```
#c2eff3
```
#c2eff3 rgb(194,239,243)
```
#d2f3f6
```
#d2f3f6 rgb(210,243,246)
```
#e2f8f9
```
#e2f8f9 rgb(226,248,249)
```
#f3fcfd
```
#f3fcfd rgb(243,252,253)
```

Tint Color Variation

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

#9aa4a5
```
#9aa4a5 rgb(154,164,165)
```
#92abad
```
#92abad rgb(146,171,173)
```
#8bb1b4
```
#8bb1b4 rgb(139,177,180)
```
#84b7bb
```
#84b7bb rgb(132,183,187)
```
#7cbdc3
```
#7cbdc3 rgb(124,189,195)
```
#75c3ca
```
#75c3ca rgb(117,195,202)
```
#6ecad1
```
#6ecad1 rgb(110,202,209)
```
#66d0d9
```
#66d0d9 rgb(102,208,217)
```
#5fd6e0
```
#5fd6e0 rgb(95,214,224)
```
#58dce7
```
#58dce7 rgb(88,220,231)
```
#50e2ef
```
#50e2ef rgb(80,226,239)
```
#49e9f6
```
#49e9f6 rgb(73,233,246)
```
#42effd
```
#42effd rgb(66,239,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a3bbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d7 Protanopia 1% of men
#c9c3e9 Deuteranopia 1% of men
#6ad7e6 Tritanopia 0.001% of the population

Trichromacy

#a1ccda Protanomaly 1% of men, 0.01% of women
#a2cae5 Deuteranomaly 6% of men, 0.4% of women
#66d6e4 Tritanomaly 0.01% of the population

#5fd6e0 hex color

#5fd6e0 Color Information

#5fd6e0 Color Conversion

Color Schemes with #5fd6e0

Alternatives to #5fd6e0

#5fd6e0 Preview

Shades and Tints of #5fd6e0

Tones of #5fd6e0

Color Blindness Simulator