#5facc9 hex color

In a RGB color space, hex #5facc9 is composed of 37.3% red, 67.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 14.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 196.4 degrees, a saturation of 49.5% and a lightness of 58%. #5facc9 color hex could be obtained by blending #beffff with #005993. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 67
- B 79
RGB color chart
- C 53
- M 14
- Y 0
- K 21
CMYK color chart

● #5facc9 color description : Moderate blue.

The hexadecimal color #5facc9 has RGB values of R:95, G:172, B:201 and CMYK values of C:0.53, M:0.14, Y:0, K:0.21. Its decimal value is 6270153.

Hex triplet	5facc9	`#5facc9`
RGB Decimal	95, 172, 201	`rgb(95,172,201)`
RGB Percent	37.3, 67.5, 78.8	`rgb(37.3%,67.5%,78.8%)`
CMYK	53, 14, 0, 21
HSL	196.4°, 49.5, 58	`hsl(196.4,49.5%,58%)`
HSV (or HSB)	196.4°, 52.7, 78.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.637, -15.716, -22.083
XYZ	30.012, 36.153, 60.652
xyY	0.237, 0.285, 36.153
CIE-LCH	66.637, 27.104, 234.562
CIE-LUV	66.637, -33.509, -32.01
Hunter-Lab	60.127, -16.127, -17.718
Binary	01011111, 10101100, 11001001

#5facc9
```
#5facc9 rgb(95,172,201)
```
#c97c5f
```
#c97c5f rgb(201,124,95)
```

Complementary Color

#5fc9b1
```
#5fc9b1 rgb(95,201,177)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#5f77c9
```
#5f77c9 rgb(95,119,201)
```

Analogous Color

#c9b15f
```
#c9b15f rgb(201,177,95)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#c95f77
```
#c95f77 rgb(201,95,119)
```

Split Complementary Color

#acc95f
```
#acc95f rgb(172,201,95)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#c95fac
```
#c95fac rgb(201,95,172)
```

Triadic Color

#5fc97c
```
#5fc97c rgb(95,201,124)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#c95fac
```
#c95fac rgb(201,95,172)
```
#c97c5f
```
#c97c5f rgb(201,124,95)
```

Tetradic Color

#3786a4
```
#3786a4 rgb(55,134,164)
```
#3e96b7
```
#3e96b7 rgb(62,150,183)
```
#4ca2c3
```
#4ca2c3 rgb(76,162,195)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#72b6cf
```
#72b6cf rgb(114,182,207)
```
#85c0d6
```
#85c0d6 rgb(133,192,214)
```
#98cadc
```
#98cadc rgb(152,202,220)
```

Monochromatic Color

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

#5fc7c9
```
#5fc7c9 rgb(95,199,201)
```
#5fbec9
```
#5fbec9 rgb(95,190,201)
```
#5fb5c9
```
#5fb5c9 rgb(95,181,201)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#5fa3c9
```
#5fa3c9 rgb(95,163,201)
```
#5f9ac9
```
#5f9ac9 rgb(95,154,201)
```
#5f92c9
```
#5f92c9 rgb(95,146,201)
```

Similar Colors

Text with hexadecimal color #5facc9

This text has a font color of #5facc9.

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

#5facc9 background color

This paragraph has a background color of #5facc9.

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

#5facc9 border color

This element has a border color of #5facc9.

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

CSS codes

.text {color:#5facc9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#0a191f
```
#0a191f rgb(10,25,31)
```
#0f252d
```
#0f252d rgb(15,37,45)
```
#14313c
```
#14313c rgb(20,49,60)
```
#193d4b
```
#193d4b rgb(25,61,75)
```
#1e4959
```
#1e4959 rgb(30,73,89)
```
#235568
```
#235568 rgb(35,85,104)
```
#286177
```
#286177 rgb(40,97,119)
```
#2d6d85
```
#2d6d85 rgb(45,109,133)
```
#327994
```
#327994 rgb(50,121,148)
```
#3785a3
```
#3785a3 rgb(55,133,163)
```
#3c91b1
```
#3c91b1 rgb(60,145,177)
```

Shade Color Variation

#429dbf
```
#429dbf rgb(66,157,191)
```
#50a4c4
```
#50a4c4 rgb(80,164,196)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#6eb4ce
```
#6eb4ce rgb(110,180,206)
```
#7cbbd3
```
#7cbbd3 rgb(124,187,211)
```
#8bc3d8
```
#8bc3d8 rgb(139,195,216)
```
#9acadd
```
#9acadd rgb(154,202,221)
```
#a8d2e2
```
#a8d2e2 rgb(168,210,226)
```
#b7dae7
```
#b7dae7 rgb(183,218,231)
```
#c6e1ec
```
#c6e1ec rgb(198,225,236)
```
#d4e9f1
```
#d4e9f1 rgb(212,233,241)
```
#e3f0f6
```
#e3f0f6 rgb(227,240,246)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#909698
```
#909698 rgb(144,150,152)
```
#8899a0
```
#8899a0 rgb(136,153,160)
```
#809da8
```
#809da8 rgb(128,157,168)
```
#78a1b0
```
#78a1b0 rgb(120,161,176)
```
#6fa5b9
```
#6fa5b9 rgb(111,165,185)
```
#67a8c1
```
#67a8c1 rgb(103,168,193)
```
#5facc9
```
#5facc9 rgb(95,172,201)
```
#57b0d1
```
#57b0d1 rgb(87,176,209)
```
#4fb3d9
```
#4fb3d9 rgb(79,179,217)
```
#46b7e2
```
#46b7e2 rgb(70,183,226)
```
#3ebbea
```
#3ebbea rgb(62,187,234)
```
#36bff2
```
#36bff2 rgb(54,191,242)
```
#2ec2fa
```
#2ec2fa rgb(46,194,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8d9ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa5c5 Protanopia 1% of men
#9fa4d0 Deuteranopia 1% of men
#61b2bf Tritanopia 0.001% of the population

Trichromacy

#88a7c6 Protanomaly 1% of men, 0.01% of women
#87a6cd Deuteranomaly 6% of men, 0.4% of women
#60b0c2 Tritanomaly 0.01% of the population

#5facc9 hex color

#5facc9 Color Information

#5facc9 Color Conversion

Color Schemes with #5facc9

Alternatives to #5facc9

#5facc9 Preview

Shades and Tints of #5facc9

Tones of #5facc9

Color Blindness Simulator