#5fa9af hex color

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

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

● #5fa9af color description : Dark moderate cyan.

The hexadecimal color #5fa9af has RGB values of R:95, G:169, B:175 and CMYK values of C:0.46, M:0.03, Y:0, K:0.31. Its decimal value is 6269359.

Hex triplet	5fa9af	`#5fa9af`
RGB Decimal	95, 169, 175	`rgb(95,169,175)`
RGB Percent	37.3, 66.3, 68.6	`rgb(37.3%,66.3%,68.6%)`
CMYK	46, 3, 0, 31
HSL	184.5°, 33.3, 52.9	`hsl(184.5,33.3%,52.9%)`
HSV (or HSB)	184.5°, 45.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	64.885, -21.413, -10.281
XYZ	26.643, 33.902, 45.695
xyY	0.251, 0.319, 33.902
CIE-LCH	64.885, 23.753, 205.648
CIE-LUV	64.885, -33.16, -12.201
Hunter-Lab	58.226, -20.217, -5.772
Binary	01011111, 10101001, 10101111

#5fa9af
```
#5fa9af rgb(95,169,175)
```
#af655f
```
#af655f rgb(175,101,95)
```

Complementary Color

#5faf8d
```
#5faf8d rgb(95,175,141)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#5f81af
```
#5f81af rgb(95,129,175)
```

Analogous Color

#af8d5f
```
#af8d5f rgb(175,141,95)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#af5f81
```
#af5f81 rgb(175,95,129)
```

Split Complementary Color

#a9af5f
```
#a9af5f rgb(169,175,95)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#af5fa9
```
#af5fa9 rgb(175,95,169)
```

Triadic Color

#5faf65
```
#5faf65 rgb(95,175,101)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#af5fa9
```
#af5fa9 rgb(175,95,169)
```
#af655f
```
#af655f rgb(175,101,95)
```

Tetradic Color

#417c81
```
#417c81 rgb(65,124,129)
```
#498d92
```
#498d92 rgb(73,141,146)
```
#529da3
```
#529da3 rgb(82,157,163)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#70b2b8
```
#70b2b8 rgb(112,178,184)
```
#81bbc0
```
#81bbc0 rgb(129,187,192)
```
#92c4c9
```
#92c4c9 rgb(146,196,201)
```

Monochromatic Color

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

#5fafa1
```
#5fafa1 rgb(95,175,161)
```
#5fafa8
```
#5fafa8 rgb(95,175,168)
```
#5fafae
```
#5fafae rgb(95,175,174)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#5fa2af
```
#5fa2af rgb(95,162,175)
```
#5f9caf
```
#5f9caf rgb(95,156,175)
```
#5f95af
```
#5f95af rgb(95,149,175)
```

Similar Colors

Text with hexadecimal color #5fa9af

This text has a font color of #5fa9af.

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

#5fa9af background color

This paragraph has a background color of #5fa9af.

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

#5fa9af border color

This element has a border color of #5fa9af.

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

CSS codes

.text {color:#5fa9af;}

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

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

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

#050a0a
```
#050a0a rgb(5,10,10)
```
#0c1617
```
#0c1617 rgb(12,22,23)
```
#122324
```
#122324 rgb(18,35,36)
```
#192f31
```
#192f31 rgb(25,47,49)
```
#1f3c3e
```
#1f3c3e rgb(31,60,62)
```
#26494b
```
#26494b rgb(38,73,75)
```
#2c5558
```
#2c5558 rgb(44,85,88)
```
#336266
```
#336266 rgb(51,98,102)
```
#396e73
```
#396e73 rgb(57,110,115)
```
#407b80
```
#407b80 rgb(64,123,128)
```
#46878d
```
#46878d rgb(70,135,141)
```
#4d949a
```
#4d949a rgb(77,148,154)
```
#53a1a7
```
#53a1a7 rgb(83,161,167)
```

Shade Color Variation

#5fa9af
```
#5fa9af rgb(95,169,175)
```
#6cb0b6
```
#6cb0b6 rgb(108,176,182)
```
#79b7bc
```
#79b7bc rgb(121,183,188)
```
#86bec3
```
#86bec3 rgb(134,190,195)
```
#93c5c9
```
#93c5c9 rgb(147,197,201)
```
#a0ccd0
```
#a0ccd0 rgb(160,204,208)
```
#add3d6
```
#add3d6 rgb(173,211,214)
```
#bbdadd
```
#bbdadd rgb(187,218,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, #848a8a is the less saturated color, while #15e8f9 is the most saturated one.

#848a8a
```
#848a8a rgb(132,138,138)
```
#7b9193
```
#7b9193 rgb(123,145,147)
```
#71999d
```
#71999d rgb(113,153,157)
```
#68a1a6
```
#68a1a6 rgb(104,161,166)
```
#5fa9af
```
#5fa9af rgb(95,169,175)
```
#56b1b8
```
#56b1b8 rgb(86,177,184)
```
#4db9c1
```
#4db9c1 rgb(77,185,193)
```
#43c1cb
```
#43c1cb rgb(67,193,203)
```
#3ac8d4
```
#3ac8d4 rgb(58,200,212)
```
#31d0dd
```
#31d0dd rgb(49,208,221)
```
#28d8e6
```
#28d8e6 rgb(40,216,230)
```
#1ee0f0
```
#1ee0f0 rgb(30,224,240)
```
#15e8f9
```
#15e8f9 rgb(21,232,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#899899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a1ac Protanopia 1% of men
#a69eb8 Deuteranopia 1% of men
#69acb9 Tritanopia 0.001% of the population

Trichromacy

#89a4ad Protanomaly 1% of men, 0.01% of women
#8ca2b5 Deuteranomaly 6% of men, 0.4% of women
#65abb5 Tritanomaly 0.01% of the population

#5fa9af hex color

#5fa9af Color Information

#5fa9af Color Conversion

Color Schemes with #5fa9af

Alternatives to #5fa9af

#5fa9af Preview

Shades and Tints of #5fa9af

Tones of #5fa9af

Color Blindness Simulator