#5fc5ed hex color

In a RGB color space, hex #5fc5ed is composed of 37.3% red, 77.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 16.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 196.9 degrees, a saturation of 79.8% and a lightness of 65.1%. #5fc5ed color hex could be obtained by blending #beffff with #008bdb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 77
- B 93
RGB color chart
- C 60
- M 17
- Y 0
- K 7
CMYK color chart

● #5fc5ed color description : Soft blue.

The hexadecimal color #5fc5ed has RGB values of R:95, G:197, B:237 and CMYK values of C:0.6, M:0.17, Y:0, K:0.07. Its decimal value is 6276589.

Hex triplet	5fc5ed	`#5fc5ed`
RGB Decimal	95, 197, 237	`rgb(95,197,237)`
RGB Percent	37.3, 77.3, 92.9	`rgb(37.3%,77.3%,92.9%)`
CMYK	60, 17, 0, 7
HSL	196.9°, 79.8, 65.1	`hsl(196.9,79.8%,65.1%)`
HSV (or HSB)	196.9°, 59.9, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.125, -18.186, -28.737
XYZ	39.968, 48.477, 87.367
xyY	0.227, 0.276, 48.477
CIE-LCH	75.125, 34.008, 237.673
CIE-LUV	75.125, -41.514, -43.393
Hunter-Lab	69.625, -19.378, -25.66
Binary	01011111, 11000101, 11101101

#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#ed875f
```
#ed875f rgb(237,135,95)
```

Complementary Color

#5fedce
```
#5fedce rgb(95,237,206)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#5f7eed
```
#5f7eed rgb(95,126,237)
```

Analogous Color

#edce5f
```
#edce5f rgb(237,206,95)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#ed5f7e
```
#ed5f7e rgb(237,95,126)
```

Split Complementary Color

#c5ed5f
```
#c5ed5f rgb(197,237,95)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#ed5fc5
```
#ed5fc5 rgb(237,95,197)
```

Triadic Color

#5fed87
```
#5fed87 rgb(95,237,135)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#ed5fc5
```
#ed5fc5 rgb(237,95,197)
```
#ed875f
```
#ed875f rgb(237,135,95)
```

Tetradic Color

#1aace5
```
#1aace5 rgb(26,172,229)
```
#31b4e8
```
#31b4e8 rgb(49,180,232)
```
#48bdea
```
#48bdea rgb(72,189,234)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#76cdf0
```
#76cdf0 rgb(118,205,240)
```
#8dd6f2
```
#8dd6f2 rgb(141,214,242)
```
#a4def5
```
#a4def5 rgb(164,222,245)
```

Monochromatic Color

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

#5fe9ed
```
#5fe9ed rgb(95,233,237)
```
#5fdded
```
#5fdded rgb(95,221,237)
```
#5fd1ed
```
#5fd1ed rgb(95,209,237)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#5fb9ed
```
#5fb9ed rgb(95,185,237)
```
#5faded
```
#5faded rgb(95,173,237)
```
#5fa2ed
```
#5fa2ed rgb(95,162,237)
```

Similar Colors

Text with hexadecimal color #5fc5ed

This text has a font color of #5fc5ed.

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

#5fc5ed background color

This paragraph has a background color of #5fc5ed.

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

#5fc5ed border color

This element has a border color of #5fc5ed.

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

CSS codes

.text {color:#5fc5ed;}

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

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

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, #020c10 is the darkest color, while #feffff is the lightest one.

#020c10
```
#020c10 rgb(2,12,16)
```
#041922
```
#041922 rgb(4,25,34)
```
#062734
```
#062734 rgb(6,39,52)
```
#083445
```
#083445 rgb(8,52,69)
```
#0a4157
```
#0a4157 rgb(10,65,87)
```
#0c4e68
```
#0c4e68 rgb(12,78,104)
```
#0e5c7a
```
#0e5c7a rgb(14,92,122)
```
#10698c
```
#10698c rgb(16,105,140)
```
#12769d
```
#12769d rgb(18,118,157)
```
#1483af
```
#1483af rgb(20,131,175)
```
#1690c1
```
#1690c1 rgb(22,144,193)
```
#189ed2
```
#189ed2 rgb(24,158,210)
```
#1aabe4
```
#1aabe4 rgb(26,171,228)
```

Shade Color Variation

#2ab2e7
```
#2ab2e7 rgb(42,178,231)
```
#3cb8e9
```
#3cb8e9 rgb(60,184,233)
```
#4dbfeb
```
#4dbfeb rgb(77,191,235)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#71cbef
```
#71cbef rgb(113,203,239)
```
#82d2f1
```
#82d2f1 rgb(130,210,241)
```
#94d8f3
```
#94d8f3 rgb(148,216,243)
```
#a6dff5
```
#a6dff5 rgb(166,223,245)
```
#b7e5f7
```
#b7e5f7 rgb(183,229,247)
```
#c9ebf9
```
#c9ebf9 rgb(201,235,249)
```
#daf2fb
```
#daf2fb rgb(218,242,251)
```
#ecf8fd
```
#ecf8fd rgb(236,248,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a3a7a9
```
#a3a7a9 rgb(163,167,169)
```
#9daaaf
```
#9daaaf rgb(157,170,175)
```
#96adb6
```
#96adb6 rgb(150,173,182)
```
#8fb0bd
```
#8fb0bd rgb(143,176,189)
```
#88b3c4
```
#88b3c4 rgb(136,179,196)
```
#81b6cb
```
#81b6cb rgb(129,182,203)
```
#7ab9d2
```
#7ab9d2 rgb(122,185,210)
```
#74bcd8
```
#74bcd8 rgb(116,188,216)
```
#6dbfdf
```
#6dbfdf rgb(109,191,223)
```
#66c2e6
```
#66c2e6 rgb(102,194,230)
```
#5fc5ed
```
#5fc5ed rgb(95,197,237)
```
#58c8f4
```
#58c8f4 rgb(88,200,244)
```
#51cbfb
```
#51cbfb rgb(81,203,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9cb0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bae5 Protanopia 1% of men
#aeb9f3 Deuteranopia 1% of men
#5ccbda Tritanopia 0.001% of the population

Trichromacy

#93bee8 Protanomaly 1% of men, 0.01% of women
#91bdf1 Deuteranomaly 6% of men, 0.4% of women
#5dc9e1 Tritanomaly 0.01% of the population

#5fc5ed hex color

#5fc5ed Color Information

#5fc5ed Color Conversion

Color Schemes with #5fc5ed

Alternatives to #5fc5ed

#5fc5ed Preview

Shades and Tints of #5fc5ed

Tones of #5fc5ed

Color Blindness Simulator