#5fa6af hex color

In a RGB color space, hex #5fa6af is composed of 37.3% red, 65.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 5.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 186.8 degrees, a saturation of 33.3% and a lightness of 52.9%. #5fa6af color hex could be obtained by blending #beffff with #004d5f. 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

● #5fa6af color description : Dark moderate cyan.

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

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

CIE-LAB	63.998, -19.863, -11.61
XYZ	26.091, 32.799, 45.511
xyY	0.25, 0.314, 32.799
CIE-LCH	63.998, 23.007, 210.306
CIE-LUV	63.998, -31.954, -14.472
Hunter-Lab	57.27, -18.902, -7.027
Binary	01011111, 10100110, 10101111

#5fa6af
```
#5fa6af rgb(95,166,175)
```
#af685f
```
#af685f rgb(175,104,95)
```

Complementary Color

#5faf90
```
#5faf90 rgb(95,175,144)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#5f7eaf
```
#5f7eaf rgb(95,126,175)
```

Analogous Color

#af905f
```
#af905f rgb(175,144,95)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#af5f7e
```
#af5f7e rgb(175,95,126)
```

Split Complementary Color

#a6af5f
```
#a6af5f rgb(166,175,95)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#af5fa6
```
#af5fa6 rgb(175,95,166)
```

Triadic Color

#5faf68
```
#5faf68 rgb(95,175,104)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#af5fa6
```
#af5fa6 rgb(175,95,166)
```
#af685f
```
#af685f rgb(175,104,95)
```

Tetradic Color

#417a81
```
#417a81 rgb(65,122,129)
```
#498a92
```
#498a92 rgb(73,138,146)
```
#529aa3
```
#529aa3 rgb(82,154,163)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#70afb8
```
#70afb8 rgb(112,175,184)
```
#81b9c0
```
#81b9c0 rgb(129,185,192)
```
#92c2c9
```
#92c2c9 rgb(146,194,201)
```

Monochromatic Color

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

#5fafa4
```
#5fafa4 rgb(95,175,164)
```
#5fafab
```
#5fafab rgb(95,175,171)
```
#5fadaf
```
#5fadaf rgb(95,173,175)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#5f9faf
```
#5f9faf rgb(95,159,175)
```
#5f99af
```
#5f99af rgb(95,153,175)
```
#5f92af
```
#5f92af rgb(95,146,175)
```

Similar Colors

Text with hexadecimal color #5fa6af

This text has a font color of #5fa6af.

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

#5fa6af background color

This paragraph has a background color of #5fa6af.

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

#5fa6af border color

This element has a border color of #5fa6af.

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

CSS codes

.text {color:#5fa6af;}

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

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

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)
```
#192e31
```
#192e31 rgb(25,46,49)
```
#1f3b3e
```
#1f3b3e rgb(31,59,62)
```
#26474b
```
#26474b rgb(38,71,75)
```
#2c5358
```
#2c5358 rgb(44,83,88)
```
#336066
```
#336066 rgb(51,96,102)
```
#396c73
```
#396c73 rgb(57,108,115)
```
#407980
```
#407980 rgb(64,121,128)
```
#46858d
```
#46858d rgb(70,133,141)
```
#4d919a
```
#4d919a rgb(77,145,154)
```
#539ea7
```
#539ea7 rgb(83,158,167)
```

Shade Color Variation

#5fa6af
```
#5fa6af rgb(95,166,175)
```
#6cadb6
```
#6cadb6 rgb(108,173,182)
```
#79b5bc
```
#79b5bc rgb(121,181,188)
```
#86bcc3
```
#86bcc3 rgb(134,188,195)
```
#93c3c9
```
#93c3c9 rgb(147,195,201)
```
#a0cad0
```
#a0cad0 rgb(160,202,208)
```
#add2d6
```
#add2d6 rgb(173,210,214)
```
#bbd9dd
```
#bbd9dd rgb(187,217,221)
```
#c8e0e3
```
#c8e0e3 rgb(200,224,227)
```
#d5e7ea
```
#d5e7ea rgb(213,231,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 #15dff9 is the most saturated one.

#84898a
```
#84898a rgb(132,137,138)
```
#7b9193
```
#7b9193 rgb(123,145,147)
```
#71989d
```
#71989d rgb(113,152,157)
```
#689fa6
```
#689fa6 rgb(104,159,166)
```
#5fa6af
```
#5fa6af rgb(95,166,175)
```
#56adb8
```
#56adb8 rgb(86,173,184)
```
#4db4c1
```
#4db4c1 rgb(77,180,193)
```
#43bbcb
```
#43bbcb rgb(67,187,203)
```
#3ac3d4
```
#3ac3d4 rgb(58,195,212)
```
#31cadd
```
#31cadd rgb(49,202,221)
```
#28d1e6
```
#28d1e6 rgb(40,209,230)
```
#1ed8f0
```
#1ed8f0 rgb(30,216,240)
```
#15dff9
```
#15dff9 rgb(21,223,249)
```

Tone Color Variation

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

#9f9fac Protanopia 1% of men
#a39cb8 Deuteranopia 1% of men
#68aab6 Tritanopia 0.001% of the population

Trichromacy

#87a1ad Protanomaly 1% of men, 0.01% of women
#8aa0b4 Deuteranomaly 6% of men, 0.4% of women
#65a8b3 Tritanomaly 0.01% of the population

#5fa6af hex color

#5fa6af Color Information

#5fa6af Color Conversion

Color Schemes with #5fa6af

Alternatives to #5fa6af

#5fa6af Preview

Shades and Tints of #5fa6af

Tones of #5fa6af

Color Blindness Simulator