#5fc4dd hex color

In a RGB color space, hex #5fc4dd is composed of 37.3% red, 76.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 11.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 191.9 degrees, a saturation of 64.9% and a lightness of 62%. #5fc4dd color hex could be obtained by blending #beffff with #0089bb. Closest websafe color is: #66cccc.

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

● #5fc4dd color description : Soft cyan.

The hexadecimal color #5fc4dd has RGB values of R:95, G:196, B:221 and CMYK values of C:0.57, M:0.11, Y:0, K:0.13. Its decimal value is 6276317.

Hex triplet	5fc4dd	`#5fc4dd`
RGB Decimal	95, 196, 221	`rgb(95,196,221)`
RGB Percent	37.3, 76.9, 86.7	`rgb(37.3%,76.9%,86.7%)`
CMYK	57, 11, 0, 13
HSL	191.9°, 64.9, 62	`hsl(191.9,64.9%,62%)`
HSV (or HSB)	191.9°, 57, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.273, -22.366, -21.396
XYZ	37.507, 47.13, 75.523
xyY	0.234, 0.294, 47.13
CIE-LCH	74.273, 30.952, 223.73
CIE-LUV	74.273, -41.844, -30.423
Hunter-Lab	68.652, -22.619, -17.168
Binary	01011111, 11000100, 11011101

#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#dd785f
```
#dd785f rgb(221,120,95)
```

Complementary Color

#5fddb7
```
#5fddb7 rgb(95,221,183)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#5f85dd
```
#5f85dd rgb(95,133,221)
```

Analogous Color

#ddb75f
```
#ddb75f rgb(221,183,95)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#dd5f85
```
#dd5f85 rgb(221,95,133)
```

Split Complementary Color

#c4dd5f
```
#c4dd5f rgb(196,221,95)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#dd5fc4
```
#dd5fc4 rgb(221,95,196)
```

Triadic Color

#5fdd78
```
#5fdd78 rgb(95,221,120)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#dd5fc4
```
#dd5fc4 rgb(221,95,196)
```
#dd785f
```
#dd785f rgb(221,120,95)
```

Tetradic Color

#2aa7c6
```
#2aa7c6 rgb(42,167,198)
```
#35b4d4
```
#35b4d4 rgb(53,180,212)
```
#4abcd9
```
#4abcd9 rgb(74,188,217)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#74cce1
```
#74cce1 rgb(116,204,225)
```
#89d4e6
```
#89d4e6 rgb(137,212,230)
```
#9edbea
```
#9edbea rgb(158,219,234)
```

Monochromatic Color

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

#5fddd7
```
#5fddd7 rgb(95,221,215)
```
#5fd9dd
```
#5fd9dd rgb(95,217,221)
```
#5fcfdd
```
#5fcfdd rgb(95,207,221)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#5fbadd
```
#5fbadd rgb(95,186,221)
```
#5fafdd
```
#5fafdd rgb(95,175,221)
```
#5fa5dd
```
#5fa5dd rgb(95,165,221)
```

Similar Colors

Text with hexadecimal color #5fc4dd

This text has a font color of #5fc4dd.

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

#5fc4dd background color

This paragraph has a background color of #5fc4dd.

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

#5fc4dd border color

This element has a border color of #5fc4dd.

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

CSS codes

.text {color:#5fc4dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#071d22
```
#071d22 rgb(7,29,34)
```
#0b2a32
```
#0b2a32 rgb(11,42,50)
```
#0e3842
```
#0e3842 rgb(14,56,66)
```
#124653
```
#124653 rgb(18,70,83)
```
#155363
```
#155363 rgb(21,83,99)
```
#186173
```
#186173 rgb(24,97,115)
```
#1c6f83
```
#1c6f83 rgb(28,111,131)
```
#1f7c93
```
#1f7c93 rgb(31,124,147)
```
#238aa4
```
#238aa4 rgb(35,138,164)
```
#2698b4
```
#2698b4 rgb(38,152,180)
```
#2aa5c4
```
#2aa5c4 rgb(42,165,196)
```

Shade Color Variation

#2eb2d3
```
#2eb2d3 rgb(46,178,211)
```
#3fb8d6
```
#3fb8d6 rgb(63,184,214)
```
#4fbeda
```
#4fbeda rgb(79,190,218)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#6fcae0
```
#6fcae0 rgb(111,202,224)
```
#7fd0e4
```
#7fd0e4 rgb(127,208,228)
```
#90d6e7
```
#90d6e7 rgb(144,214,231)
```
#a0dceb
```
#a0dceb rgb(160,220,235)
```
#b0e2ee
```
#b0e2ee rgb(176,226,238)
```
#c0e8f2
```
#c0e8f2 rgb(192,232,242)
```
#d0eef5
```
#d0eef5 rgb(208,238,245)
```
#e0f4f9
```
#e0f4f9 rgb(224,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, #9ba0a1 is the less saturated color, while #41d6fb is the most saturated one.

#9ba0a1
```
#9ba0a1 rgb(155,160,161)
```
#93a4a9
```
#93a4a9 rgb(147,164,169)
```
#8ca9b0
```
#8ca9b0 rgb(140,169,176)
```
#84adb8
```
#84adb8 rgb(132,173,184)
```
#7db2bf
```
#7db2bf rgb(125,178,191)
```
#75b6c7
```
#75b6c7 rgb(117,182,199)
```
#6ebbce
```
#6ebbce rgb(110,187,206)
```
#66bfd6
```
#66bfd6 rgb(102,191,214)
```
#5fc4dd
```
#5fc4dd rgb(95,196,221)
```
#58c9e4
```
#58c9e4 rgb(88,201,228)
```
#50cdec
```
#50cdec rgb(80,205,236)
```
#49d2f3
```
#49d2f3 rgb(73,210,243)
```
#41d6fb
```
#41d6fb rgb(65,214,251)
```

Tone Color Variation

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

Dichromacy

#b4b8d6 Protanopia 1% of men
#b4b7e4 Deuteranopia 1% of men
#63c8d7 Tritanopia 0.001% of the population

Trichromacy

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

#5fc4dd hex color

#5fc4dd Color Information

#5fc4dd Color Conversion

Color Schemes with #5fc4dd

Alternatives to #5fc4dd

#5fc4dd Preview

Shades and Tints of #5fc4dd

Tones of #5fc4dd

Color Blindness Simulator