#5fd7fd hex color

In a RGB color space, hex #5fd7fd is composed of 37.3% red, 84.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 15% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.4 degrees, a saturation of 97.5% and a lightness of 68.2%. #5fd7fd color hex could be obtained by blending #beffff with #00affb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 84
- B 99
RGB color chart
- C 62
- M 15
- Y 0
- K 1
CMYK color chart

● #5fd7fd color description : Soft cyan.

The hexadecimal color #5fd7fd has RGB values of R:95, G:215, B:253 and CMYK values of C:0.62, M:0.15, Y:0, K:0.01. Its decimal value is 6281213.

Hex triplet	5fd7fd	`#5fd7fd`
RGB Decimal	95, 215, 253	`rgb(95,215,253)`
RGB Percent	37.3, 84.3, 99.2	`rgb(37.3%,84.3%,99.2%)`
CMYK	62, 15, 0, 1
HSL	194.4°, 97.5, 68.2	`hsl(194.4,97.5%,68.2%)`
HSV (or HSB)	194.4°, 62.5, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.807, -22.599, -28.58
XYZ	46.745, 58.122, 101.678
xyY	0.226, 0.281, 58.122
CIE-LCH	80.807, 36.435, 231.665
CIE-LUV	80.807, -47.304, -42.894
Hunter-Lab	76.238, -23.97, -25.709
Binary	01011111, 11010111, 11111101

#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#fd855f
```
#fd855f rgb(253,133,95)
```

Complementary Color

#5ffdd4
```
#5ffdd4 rgb(95,253,212)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#5f88fd
```
#5f88fd rgb(95,136,253)
```

Analogous Color

#fdd45f
```
#fdd45f rgb(253,212,95)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#fd5f88
```
#fd5f88 rgb(253,95,136)
```

Split Complementary Color

#d7fd5f
```
#d7fd5f rgb(215,253,95)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#fd5fd7
```
#fd5fd7 rgb(253,95,215)
```

Triadic Color

#5ffd85
```
#5ffd85 rgb(95,253,133)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#fd5fd7
```
#fd5fd7 rgb(253,95,215)
```
#fd855f
```
#fd855f rgb(253,133,95)
```

Tetradic Color

#13c4fc
```
#13c4fc rgb(19,196,252)
```
#2dcafc
```
#2dcafc rgb(45,202,252)
```
#46d1fd
```
#46d1fd rgb(70,209,253)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#78ddfd
```
#78ddfd rgb(120,221,253)
```
#91e4fe
```
#91e4fe rgb(145,228,254)
```
#abeafe
```
#abeafe rgb(171,234,254)
```

Monochromatic Color

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

#5ffdfc
```
#5ffdfc rgb(95,253,252)
```
#5ff1fd
```
#5ff1fd rgb(95,241,253)
```
#5fe4fd
```
#5fe4fd rgb(95,228,253)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#5fcafd
```
#5fcafd rgb(95,202,253)
```
#5fbdfd
```
#5fbdfd rgb(95,189,253)
```
#5fb0fd
```
#5fb0fd rgb(95,176,253)
```

Similar Colors

Text with hexadecimal color #5fd7fd

This text has a font color of #5fd7fd.

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

#5fd7fd background color

This paragraph has a background color of #5fd7fd.

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

#5fd7fd border color

This element has a border color of #5fd7fd.

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

CSS codes

.text {color:#5fd7fd;}

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

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

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, #000b0e is the darkest color, while #fafeff is the lightest one.

#000b0e
```
#000b0e rgb(0,11,14)
```
#001a22
```
#001a22 rgb(0,26,34)
```
#012835
```
#012835 rgb(1,40,53)
```
#013748
```
#013748 rgb(1,55,72)
```
#01465c
```
#01465c rgb(1,70,92)
```
#01556f
```
#01556f rgb(1,85,111)
```
#026483
```
#026483 rgb(2,100,131)
```
#027296
```
#027296 rgb(2,114,150)
```
#0281a9
```
#0281a9 rgb(2,129,169)
```
#0290bd
```
#0290bd rgb(2,144,189)
```
#039fd0
```
#039fd0 rgb(3,159,208)
```
#03ade3
```
#03ade3 rgb(3,173,227)
```
#03bcf7
```
#03bcf7 rgb(3,188,247)
```

Shade Color Variation

#12c4fc
```
#12c4fc rgb(18,196,252)
```
#25c8fc
```
#25c8fc rgb(37,200,252)
```
#38cdfd
```
#38cdfd rgb(56,205,253)
```
#4cd2fd
```
#4cd2fd rgb(76,210,253)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```
#72dcfd
```
#72dcfd rgb(114,220,253)
```
#86e1fd
```
#86e1fd rgb(134,225,253)
```
#99e6fe
```
#99e6fe rgb(153,230,254)
```
#aceafe
```
#aceafe rgb(172,234,254)
```
#c0effe
```
#c0effe rgb(192,239,254)
```
#d3f4fe
```
#d3f4fe rgb(211,244,254)
```
#e7f9ff
```
#e7f9ff rgb(231,249,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aab0b2 is the less saturated color, while #5fd7fd is the most saturated one.

#aab0b2
```
#aab0b2 rgb(170,176,178)
```
#a4b3b8
```
#a4b3b8 rgb(164,179,184)
```
#9db7bf
```
#9db7bf rgb(157,183,191)
```
#97bac5
```
#97bac5 rgb(151,186,197)
```
#91bdcb
```
#91bdcb rgb(145,189,203)
```
#8bc0d1
```
#8bc0d1 rgb(139,192,209)
```
#84c4d8
```
#84c4d8 rgb(132,196,216)
```
#7ec7de
```
#7ec7de rgb(126,199,222)
```
#78cae4
```
#78cae4 rgb(120,202,228)
```
#72cdea
```
#72cdea rgb(114,205,234)
```
#6bd1f1
```
#6bd1f1 rgb(107,209,241)
```
#65d4f7
```
#65d4f7 rgb(101,212,247)
```
#5fd7fd
```
#5fd7fd rgb(95,215,253)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a5bdc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f3 Protanopia 1% of men
#bfc8ff Deuteranopia 1% of men
#5cdcec Tritanopia 0.001% of the population

Trichromacy

#9dcef6 Protanomaly 1% of men, 0.01% of women
#9ccdfe Deuteranomaly 6% of men, 0.4% of women
#5ddaf2 Tritanomaly 0.01% of the population

#5fd7fd hex color

#5fd7fd Color Information

#5fd7fd Color Conversion

Color Schemes with #5fd7fd

Alternatives to #5fd7fd

#5fd7fd Preview

Shades and Tints of #5fd7fd

Tones of #5fd7fd

Color Blindness Simulator