#5fc4de hex color

In a RGB color space, hex #5fc4de is composed of 37.3% red, 76.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 11.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 192.3 degrees, a saturation of 65.8% and a lightness of 62.2%. #5fc4de color hex could be obtained by blending #beffff with #0089bd. Closest websafe color is: #66cccc.

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

● #5fc4de color description : Soft cyan.

The hexadecimal color #5fc4de has RGB values of R:95, G:196, B:222 and CMYK values of C:0.57, M:0.12, Y:0, K:0.13. Its decimal value is 6276318.

Hex triplet	5fc4de	`#5fc4de`
RGB Decimal	95, 196, 222	`rgb(95,196,222)`
RGB Percent	37.3, 76.9, 87.1	`rgb(37.3%,76.9%,87.1%)`
CMYK	57, 12, 0, 13
HSL	192.3°, 65.8, 62.2	`hsl(192.3,65.8%,62.2%)`
HSV (or HSB)	192.3°, 57.2, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.307, -22.078, -21.886
XYZ	37.641, 47.184, 76.227
xyY	0.234, 0.293, 47.184
CIE-LCH	74.307, 31.087, 224.749
CIE-LUV	74.307, -41.8, -31.28
Hunter-Lab	68.691, -22.395, -17.712
Binary	01011111, 11000100, 11011110

#5fc4de
```
#5fc4de rgb(95,196,222)
```
#de795f
```
#de795f rgb(222,121,95)
```

Complementary Color

#5fdeb9
```
#5fdeb9 rgb(95,222,185)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#5f85de
```
#5f85de rgb(95,133,222)
```

Analogous Color

#deb95f
```
#deb95f rgb(222,185,95)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#de5f85
```
#de5f85 rgb(222,95,133)
```

Split Complementary Color

#c4de5f
```
#c4de5f rgb(196,222,95)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#de5fc4
```
#de5fc4 rgb(222,95,196)
```

Triadic Color

#5fde79
```
#5fde79 rgb(95,222,121)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#de5fc4
```
#de5fc4 rgb(222,95,196)
```
#de795f
```
#de795f rgb(222,121,95)
```

Tetradic Color

#29a7c7
```
#29a7c7 rgb(41,167,199)
```
#35b4d5
```
#35b4d5 rgb(53,180,213)
```
#4abcda
```
#4abcda rgb(74,188,218)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#74cce2
```
#74cce2 rgb(116,204,226)
```
#89d4e7
```
#89d4e7 rgb(137,212,231)
```
#9edbeb
```
#9edbeb rgb(158,219,235)
```

Monochromatic Color

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

#5fded8
```
#5fded8 rgb(95,222,216)
```
#5fd9de
```
#5fd9de rgb(95,217,222)
```
#5fcfde
```
#5fcfde rgb(95,207,222)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#5fb9de
```
#5fb9de rgb(95,185,222)
```
#5fafde
```
#5fafde rgb(95,175,222)
```
#5fa4de
```
#5fa4de rgb(95,164,222)
```

Similar Colors

Text with hexadecimal color #5fc4de

This text has a font color of #5fc4de.

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

#5fc4de background color

This paragraph has a background color of #5fc4de.

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

#5fc4de border color

This element has a border color of #5fc4de.

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

CSS codes

.text {color:#5fc4de;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#041013
```
#041013 rgb(4,16,19)
```
#071d23
```
#071d23 rgb(7,29,35)
```
#0b2b33
```
#0b2b33 rgb(11,43,51)
```
#0e3944
```
#0e3944 rgb(14,57,68)
```
#114654
```
#114654 rgb(17,70,84)
```
#155464
```
#155464 rgb(21,84,100)
```
#186274
```
#186274 rgb(24,98,116)
```
#1b6f85
```
#1b6f85 rgb(27,111,133)
```
#1f7d95
```
#1f7d95 rgb(31,125,149)
```
#228aa5
```
#228aa5 rgb(34,138,165)
```
#2598b5
```
#2598b5 rgb(37,152,181)
```
#29a6c6
```
#29a6c6 rgb(41,166,198)
```

Shade Color Variation

#2eb2d4
```
#2eb2d4 rgb(46,178,212)
```
#3eb8d7
```
#3eb8d7 rgb(62,184,215)
```
#4fbedb
```
#4fbedb rgb(79,190,219)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#6fcae1
```
#6fcae1 rgb(111,202,225)
```
#80d0e5
```
#80d0e5 rgb(128,208,229)
```
#90d6e8
```
#90d6e8 rgb(144,214,232)
```
#a0dceb
```
#a0dceb rgb(160,220,235)
```
#b0e2ef
```
#b0e2ef rgb(176,226,239)
```
#c1e8f2
```
#c1e8f2 rgb(193,232,242)
```
#d1eef5
```
#d1eef5 rgb(209,238,245)
```
#e1f4f9
```
#e1f4f9 rgb(225,244,249)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

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

#9aa1a3
```
#9aa1a3 rgb(154,161,163)
```
#93a5aa
```
#93a5aa rgb(147,165,170)
```
#8caab1
```
#8caab1 rgb(140,170,177)
```
#84aeb9
```
#84aeb9 rgb(132,174,185)
```
#7db2c0
```
#7db2c0 rgb(125,178,192)
```
#75b7c8
```
#75b7c8 rgb(117,183,200)
```
#6ebbcf
```
#6ebbcf rgb(110,187,207)
```
#66c0d7
```
#66c0d7 rgb(102,192,215)
```
#5fc4de
```
#5fc4de rgb(95,196,222)
```
#58c8e5
```
#58c8e5 rgb(88,200,229)
```
#50cded
```
#50cded rgb(80,205,237)
```
#49d1f4
```
#49d1f4 rgb(73,209,244)
```
#41d6fc
```
#41d6fc rgb(65,214,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9aaeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b9d7 Protanopia 1% of men
#b4b7e5 Deuteranopia 1% of men
#62c8d7 Tritanopia 0.001% of the population

Trichromacy

#95bdd9 Protanomaly 1% of men, 0.01% of women
#95bbe2 Deuteranomaly 6% of men, 0.4% of women
#61c6d9 Tritanomaly 0.01% of the population

#5fc4de hex color

#5fc4de Color Information

#5fc4de Color Conversion

Color Schemes with #5fc4de

Alternatives to #5fc4de

#5fc4de Preview

Shades and Tints of #5fc4de

Tones of #5fc4de

Color Blindness Simulator