#5fc0f8 hex color

In a RGB color space, hex #5fc0f8 is composed of 37.3% red, 75.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 22.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 202 degrees, a saturation of 91.6% and a lightness of 67.3%. #5fc0f8 color hex could be obtained by blending #beffff with #0081f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 75
- B 97
RGB color chart
- C 62
- M 23
- Y 0
- K 3
CMYK color chart

● #5fc0f8 color description : Soft blue.

The hexadecimal color #5fc0f8 has RGB values of R:95, G:192, B:248 and CMYK values of C:0.62, M:0.23, Y:0, K:0.03. Its decimal value is 6275320.

Hex triplet	5fc0f8	`#5fc0f8`
RGB Decimal	95, 192, 248	`rgb(95,192,248)`
RGB Percent	37.3, 75.3, 97.3	`rgb(37.3%,75.3%,97.3%)`
CMYK	62, 23, 0, 3
HSL	202°, 91.6, 67.3	`hsl(202,91.6%,67.3%)`
HSV (or HSB)	202°, 61.7, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.13, -12.217, -36.196
XYZ	40.508, 46.907, 95.721
xyY	0.221, 0.256, 46.907
CIE-LCH	74.13, 38.202, 251.349
CIE-LUV	74.13, -39.242, -56.836
Hunter-Lab	68.488, -14.279, -34.923
Binary	01011111, 11000000, 11111000

#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#f8975f
```
#f8975f rgb(248,151,95)
```

Complementary Color

#5ff8e4
```
#5ff8e4 rgb(95,248,228)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#5f74f8
```
#5f74f8 rgb(95,116,248)
```

Analogous Color

#f8e45f
```
#f8e45f rgb(248,228,95)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#f85f74
```
#f85f74 rgb(248,95,116)
```

Split Complementary Color

#c0f85f
```
#c0f85f rgb(192,248,95)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#f85fc0
```
#f85fc0 rgb(248,95,192)
```

Triadic Color

#5ff897
```
#5ff897 rgb(95,248,151)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#f85fc0
```
#f85fc0 rgb(248,95,192)
```
#f8975f
```
#f8975f rgb(248,151,95)
```

Tetradic Color

#16a3f5
```
#16a3f5 rgb(22,163,245)
```
#2eadf6
```
#2eadf6 rgb(46,173,246)
```
#47b6f7
```
#47b6f7 rgb(71,182,247)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#77caf9
```
#77caf9 rgb(119,202,249)
```
#90d3fa
```
#90d3fa rgb(144,211,250)
```
#a8ddfb
```
#a8ddfb rgb(168,221,251)
```

Monochromatic Color

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

#5fe6f8
```
#5fe6f8 rgb(95,230,248)
```
#5fdaf8
```
#5fdaf8 rgb(95,218,248)
```
#5fcdf8
```
#5fcdf8 rgb(95,205,248)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#5fb3f8
```
#5fb3f8 rgb(95,179,248)
```
#5fa7f8
```
#5fa7f8 rgb(95,167,248)
```
#5f9af8
```
#5f9af8 rgb(95,154,248)
```

Similar Colors

Text with hexadecimal color #5fc0f8

This text has a font color of #5fc0f8.

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

#5fc0f8 background color

This paragraph has a background color of #5fc0f8.

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

#5fc0f8 border color

This element has a border color of #5fc0f8.

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

CSS codes

.text {color:#5fc0f8;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#01121c
```
#01121c rgb(1,18,28)
```
#021e2f
```
#021e2f rgb(2,30,47)
```
#032b42
```
#032b42 rgb(3,43,66)
```
#043754
```
#043754 rgb(4,55,84)
```
#054367
```
#054367 rgb(5,67,103)
```
#054f7a
```
#054f7a rgb(5,79,122)
```
#065b8d
```
#065b8d rgb(6,91,141)
```
#07689f
```
#07689f rgb(7,104,159)
```
#0874b2
```
#0874b2 rgb(8,116,178)
```
#0980c5
```
#0980c5 rgb(9,128,197)
```
#098cd8
```
#098cd8 rgb(9,140,216)
```
#0a99eb
```
#0a99eb rgb(10,153,235)
```

Shade Color Variation

#14a2f5
```
#14a2f5 rgb(20,162,245)
```
#27aaf6
```
#27aaf6 rgb(39,170,246)
```
#39b1f6
```
#39b1f6 rgb(57,177,246)
```
#4cb9f7
```
#4cb9f7 rgb(76,185,247)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#72c7f9
```
#72c7f9 rgb(114,199,249)
```
#85cffa
```
#85cffa rgb(133,207,250)
```
#97d6fa
```
#97d6fa rgb(151,214,250)
```
#aadefb
```
#aadefb rgb(170,222,251)
```
#bde5fc
```
#bde5fc rgb(189,229,252)
```
#d0ecfd
```
#d0ecfd rgb(208,236,253)
```
#e3f4fe
```
#e3f4fe rgb(227,244,254)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#a6adb1
```
#a6adb1 rgb(166,173,177)
```
#9fafb8
```
#9fafb8 rgb(159,175,184)
```
#99b1be
```
#99b1be rgb(153,177,190)
```
#92b2c5
```
#92b2c5 rgb(146,178,197)
```
#8cb4cb
```
#8cb4cb rgb(140,180,203)
```
#86b6d1
```
#86b6d1 rgb(134,182,209)
```
#7fb7d8
```
#7fb7d8 rgb(127,183,216)
```
#79b9de
```
#79b9de rgb(121,185,222)
```
#72bbe5
```
#72bbe5 rgb(114,187,229)
```
#6cbdeb
```
#6cbdeb rgb(108,189,235)
```
#65bef2
```
#65bef2 rgb(101,190,242)
```
#5fc0f8
```
#5fc0f8 rgb(95,192,248)
```
#59c2fe
```
#59c2fe rgb(89,194,254)
```

Tone Color Variation

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

Dichromacy

#a9b7f0 Protanopia 1% of men
#a1b8fc Deuteranopia 1% of men
#53c9d8 Tritanopia 0.001% of the population

Trichromacy

#8ebaf3 Protanomaly 1% of men, 0.01% of women
#89bbfa Deuteranomaly 6% of men, 0.4% of women
#57c6e3 Tritanomaly 0.01% of the population

#5fc0f8 hex color

#5fc0f8 Color Information

#5fc0f8 Color Conversion

Color Schemes with #5fc0f8

Alternatives to #5fc0f8

#5fc0f8 Preview

Shades and Tints of #5fc0f8

Tones of #5fc0f8

Color Blindness Simulator