#5fa6c7 hex color

In a RGB color space, hex #5fa6c7 is composed of 37.3% red, 65.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 16.6% magenta, 0% yellow and 22% black. It has a hue angle of 199 degrees, a saturation of 48.1% and a lightness of 57.6%. #5fa6c7 color hex could be obtained by blending #beffff with #004d8f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 65
- B 78
RGB color chart
- C 52
- M 17
- Y 0
- K 22
CMYK color chart

● #5fa6c7 color description : Moderate blue.

The hexadecimal color #5fa6c7 has RGB values of R:95, G:166, B:199 and CMYK values of C:0.52, M:0.17, Y:0, K:0.22. Its decimal value is 6268615.

Hex triplet	5fa6c7	`#5fa6c7`
RGB Decimal	95, 166, 199	`rgb(95,166,199)`
RGB Percent	37.3, 65.1, 78	`rgb(37.3%,65.1%,78%)`
CMYK	52, 17, 0, 22
HSL	199°, 48.1, 57.6	`hsl(199,48.1%,57.6%)`
HSV (or HSB)	199°, 52.3, 78
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.825, -13.091, -23.744
XYZ	28.662, 33.827, 59.049
xyY	0.236, 0.278, 33.827
CIE-LCH	64.825, 27.113, 241.13
CIE-LUV	64.825, -31.259, -34.952
Hunter-Lab	58.161, -13.817, -19.482
Binary	01011111, 10100110, 11000111

#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#c7805f
```
#c7805f rgb(199,128,95)
```

Complementary Color

#5fc7b4
```
#5fc7b4 rgb(95,199,180)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#5f72c7
```
#5f72c7 rgb(95,114,199)
```

Analogous Color

#c7b45f
```
#c7b45f rgb(199,180,95)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#c75f72
```
#c75f72 rgb(199,95,114)
```

Split Complementary Color

#a6c75f
```
#a6c75f rgb(166,199,95)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#c75fa6
```
#c75fa6 rgb(199,95,166)
```

Triadic Color

#5fc780
```
#5fc780 rgb(95,199,128)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#c75fa6
```
#c75fa6 rgb(199,95,166)
```
#c7805f
```
#c7805f rgb(199,128,95)
```

Tetradic Color

#3880a1
```
#3880a1 rgb(56,128,161)
```
#3f8fb4
```
#3f8fb4 rgb(63,143,180)
```
#4c9bc0
```
#4c9bc0 rgb(76,155,192)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#72b1ce
```
#72b1ce rgb(114,177,206)
```
#85bbd4
```
#85bbd4 rgb(133,187,212)
```
#98c6db
```
#98c6db rgb(152,198,219)
```

Monochromatic Color

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

#5fc0c7
```
#5fc0c7 rgb(95,192,199)
```
#5fb7c7
```
#5fb7c7 rgb(95,183,199)
```
#5fafc7
```
#5fafc7 rgb(95,175,199)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#5f9dc7
```
#5f9dc7 rgb(95,157,199)
```
#5f95c7
```
#5f95c7 rgb(95,149,199)
```
#5f8cc7
```
#5f8cc7 rgb(95,140,199)
```

Similar Colors

Text with hexadecimal color #5fa6c7

This text has a font color of #5fa6c7.

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

#5fa6c7 background color

This paragraph has a background color of #5fa6c7.

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

#5fa6c7 border color

This element has a border color of #5fa6c7.

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

CSS codes

.text {color:#5fa6c7;}

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

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

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

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171d
```
#0a171d rgb(10,23,29)
```
#0f222b
```
#0f222b rgb(15,34,43)
```
#142e3a
```
#142e3a rgb(20,46,58)
```
#193a48
```
#193a48 rgb(25,58,72)
```
#1e4557
```
#1e4557 rgb(30,69,87)
```
#245166
```
#245166 rgb(36,81,102)
```
#295c74
```
#295c74 rgb(41,92,116)
```
#2e6883
```
#2e6883 rgb(46,104,131)
```
#337391
```
#337391 rgb(51,115,145)
```
#387fa0
```
#387fa0 rgb(56,127,160)
```
#3d8aae
```
#3d8aae rgb(61,138,174)
```
#4296bd
```
#4296bd rgb(66,150,189)
```

Shade Color Variation

#509ec2
```
#509ec2 rgb(80,158,194)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#6eaecc
```
#6eaecc rgb(110,174,204)
```
#7cb6d1
```
#7cb6d1 rgb(124,182,209)
```
#8bbed6
```
#8bbed6 rgb(139,190,214)
```
#99c6db
```
#99c6db rgb(153,198,219)
```
#a8cee0
```
#a8cee0 rgb(168,206,224)
```
#b6d6e6
```
#b6d6e6 rgb(182,214,230)
```
#c5dfeb
```
#c5dfeb rgb(197,223,235)
```
#d3e7f0
```
#d3e7f0 rgb(211,231,240)
```
#e2eff5
```
#e2eff5 rgb(226,239,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919495
```
#919495 rgb(145,148,149)
```
#89979d
```
#89979d rgb(137,151,157)
```
#809aa6
```
#809aa6 rgb(128,154,166)
```
#789dae
```
#789dae rgb(120,157,174)
```
#70a0b6
```
#70a0b6 rgb(112,160,182)
```
#67a3bf
```
#67a3bf rgb(103,163,191)
```
#5fa6c7
```
#5fa6c7 rgb(95,166,199)
```
#57a9cf
```
#57a9cf rgb(87,169,207)
```
#4eacd8
```
#4eacd8 rgb(78,172,216)
```
#46afe0
```
#46afe0 rgb(70,175,224)
```
#3eb2e8
```
#3eb2e8 rgb(62,178,232)
```
#35b5f1
```
#35b5f1 rgb(53,181,241)
```
#2db8f9
```
#2db8f9 rgb(45,184,249)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a989f Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a0c3 Protanopia 1% of men
#989fcd Deuteranopia 1% of men
#60adba Tritanopia 0.001% of the population

Trichromacy

#84a2c4 Protanomaly 1% of men, 0.01% of women
#83a2cb Deuteranomaly 6% of men, 0.4% of women
#5faabe Tritanomaly 0.01% of the population

#5fa6c7 hex color

#5fa6c7 Color Information

#5fa6c7 Color Conversion

Color Schemes with #5fa6c7

Alternatives to #5fa6c7

#5fa6c7 Preview

Shades and Tints of #5fa6c7

Tones of #5fa6c7

Color Blindness Simulator