#5fa7af hex color

In a RGB color space, hex #5fa7af is composed of 37.3% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 186 degrees, a saturation of 33.3% and a lightness of 52.9%. #5fa7af color hex could be obtained by blending #beffff with #004f5f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 65
- B 69
RGB color chart
- C 46
- M 5
- Y 0
- K 31
CMYK color chart

● #5fa7af color description : Dark moderate cyan.

The hexadecimal color #5fa7af has RGB values of R:95, G:167, B:175 and CMYK values of C:0.46, M:0.05, Y:0, K:0.31. Its decimal value is 6268847.

Hex triplet	5fa7af	`#5fa7af`
RGB Decimal	95, 167, 175	`rgb(95,167,175)`
RGB Percent	37.3, 65.5, 68.6	`rgb(37.3%,65.5%,68.6%)`
CMYK	46, 5, 0, 31
HSL	186°, 33.3, 52.9	`hsl(186,33.3%,52.9%)`
HSV (or HSB)	186°, 45.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	64.293, -20.382, -11.167
XYZ	26.274, 33.164, 45.572
xyY	0.25, 0.316, 33.164
CIE-LCH	64.293, 23.24, 208.717
CIE-LUV	64.293, -32.356, -13.714
Hunter-Lab	57.588, -19.341, -6.607
Binary	01011111, 10100111, 10101111

#5fa7af
```
#5fa7af rgb(95,167,175)
```
#af675f
```
#af675f rgb(175,103,95)
```

Complementary Color

#5faf8f
```
#5faf8f rgb(95,175,143)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#5f7faf
```
#5f7faf rgb(95,127,175)
```

Analogous Color

#af8f5f
```
#af8f5f rgb(175,143,95)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#af5f7f
```
#af5f7f rgb(175,95,127)
```

Split Complementary Color

#a7af5f
```
#a7af5f rgb(167,175,95)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#af5fa7
```
#af5fa7 rgb(175,95,167)
```

Triadic Color

#5faf67
```
#5faf67 rgb(95,175,103)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#af5fa7
```
#af5fa7 rgb(175,95,167)
```
#af675f
```
#af675f rgb(175,103,95)
```

Tetradic Color

#417b81
```
#417b81 rgb(65,123,129)
```
#498b92
```
#498b92 rgb(73,139,146)
```
#529ba3
```
#529ba3 rgb(82,155,163)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#70b0b8
```
#70b0b8 rgb(112,176,184)
```
#81bac0
```
#81bac0 rgb(129,186,192)
```
#92c3c9
```
#92c3c9 rgb(146,195,201)
```

Monochromatic Color

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

#5fafa3
```
#5fafa3 rgb(95,175,163)
```
#5fafaa
```
#5fafaa rgb(95,175,170)
```
#5faeaf
```
#5faeaf rgb(95,174,175)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#5fa0af
```
#5fa0af rgb(95,160,175)
```
#5f9aaf
```
#5f9aaf rgb(95,154,175)
```
#5f93af
```
#5f93af rgb(95,147,175)
```

Similar Colors

Text with hexadecimal color #5fa7af

This text has a font color of #5fa7af.

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

#5fa7af background color

This paragraph has a background color of #5fa7af.

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

#5fa7af border color

This element has a border color of #5fa7af.

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

CSS codes

.text {color:#5fa7af;}

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

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

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, #05090a is the darkest color, while #fcfdfd is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1617
```
#0c1617 rgb(12,22,23)
```
#122224
```
#122224 rgb(18,34,36)
```
#192f31
```
#192f31 rgb(25,47,49)
```
#1f3b3e
```
#1f3b3e rgb(31,59,62)
```
#26484b
```
#26484b rgb(38,72,75)
```
#2c5458
```
#2c5458 rgb(44,84,88)
```
#336066
```
#336066 rgb(51,96,102)
```
#396d73
```
#396d73 rgb(57,109,115)
```
#407980
```
#407980 rgb(64,121,128)
```
#46868d
```
#46868d rgb(70,134,141)
```
#4d929a
```
#4d929a rgb(77,146,154)
```
#539fa7
```
#539fa7 rgb(83,159,167)
```

Shade Color Variation

#5fa7af
```
#5fa7af rgb(95,167,175)
```
#6caeb6
```
#6caeb6 rgb(108,174,182)
```
#79b5bc
```
#79b5bc rgb(121,181,188)
```
#86bdc3
```
#86bdc3 rgb(134,189,195)
```
#93c4c9
```
#93c4c9 rgb(147,196,201)
```
#a0cbd0
```
#a0cbd0 rgb(160,203,208)
```
#add2d6
```
#add2d6 rgb(173,210,214)
```
#bbd9dd
```
#bbd9dd rgb(187,217,221)
```
#c8e1e3
```
#c8e1e3 rgb(200,225,227)
```
#d5e8ea
```
#d5e8ea rgb(213,232,234)
```
#e2eff0
```
#e2eff0 rgb(226,239,240)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84898a is the less saturated color, while #15e2f9 is the most saturated one.

#84898a
```
#84898a rgb(132,137,138)
```
#7b9193
```
#7b9193 rgb(123,145,147)
```
#71989d
```
#71989d rgb(113,152,157)
```
#68a0a6
```
#68a0a6 rgb(104,160,166)
```
#5fa7af
```
#5fa7af rgb(95,167,175)
```
#56aeb8
```
#56aeb8 rgb(86,174,184)
```
#4db6c1
```
#4db6c1 rgb(77,182,193)
```
#43bdcb
```
#43bdcb rgb(67,189,203)
```
#3ac5d4
```
#3ac5d4 rgb(58,197,212)
```
#31ccdd
```
#31ccdd rgb(49,204,221)
```
#28d3e6
```
#28d3e6 rgb(40,211,230)
```
#1edbf0
```
#1edbf0 rgb(30,219,240)
```
#15e2f9
```
#15e2f9 rgb(21,226,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#889698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a0ac Protanopia 1% of men
#a49db8 Deuteranopia 1% of men
#68aab7 Tritanopia 0.001% of the population

Trichromacy

#88a2ad Protanomaly 1% of men, 0.01% of women
#8ba0b4 Deuteranomaly 6% of men, 0.4% of women
#65a9b4 Tritanomaly 0.01% of the population

#5fa7af hex color

#5fa7af Color Information

#5fa7af Color Conversion

Color Schemes with #5fa7af

Alternatives to #5fa7af

#5fa7af Preview

Shades and Tints of #5fa7af

Tones of #5fa7af

Color Blindness Simulator