#5fa8af hex color

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

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

● #5fa8af color description : Dark moderate cyan.

The hexadecimal color #5fa8af has RGB values of R:95, G:168, B:175 and CMYK values of C:0.46, M:0.04, Y:0, K:0.31. Its decimal value is 6269103.

Hex triplet	5fa8af	`#5fa8af`
RGB Decimal	95, 168, 175	`rgb(95,168,175)`
RGB Percent	37.3, 65.9, 68.6	`rgb(37.3%,65.9%,68.6%)`
CMYK	46, 4, 0, 31
HSL	185.3°, 33.3, 52.9	`hsl(185.3,33.3%,52.9%)`
HSV (or HSB)	185.3°, 45.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	64.589, -20.898, -10.724
XYZ	26.458, 33.532, 45.633
xyY	0.25, 0.317, 33.532
CIE-LCH	64.589, 23.489, 207.164
CIE-LUV	64.589, -32.758, -12.957
Hunter-Lab	57.907, -19.779, -6.189
Binary	01011111, 10101000, 10101111

#5fa8af
```
#5fa8af rgb(95,168,175)
```
#af665f
```
#af665f rgb(175,102,95)
```

Complementary Color

#5faf8e
```
#5faf8e rgb(95,175,142)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#5f80af
```
#5f80af rgb(95,128,175)
```

Analogous Color

#af8e5f
```
#af8e5f rgb(175,142,95)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#af5f80
```
#af5f80 rgb(175,95,128)
```

Split Complementary Color

#a8af5f
```
#a8af5f rgb(168,175,95)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#af5fa8
```
#af5fa8 rgb(175,95,168)
```

Triadic Color

#5faf66
```
#5faf66 rgb(95,175,102)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#af5fa8
```
#af5fa8 rgb(175,95,168)
```
#af665f
```
#af665f rgb(175,102,95)
```

Tetradic Color

#417b81
```
#417b81 rgb(65,123,129)
```
#498c92
```
#498c92 rgb(73,140,146)
```
#529ca3
```
#529ca3 rgb(82,156,163)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#70b1b8
```
#70b1b8 rgb(112,177,184)
```
#81bac0
```
#81bac0 rgb(129,186,192)
```
#92c4c9
```
#92c4c9 rgb(146,196,201)
```

Monochromatic Color

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

#5fafa2
```
#5fafa2 rgb(95,175,162)
```
#5fafa9
```
#5fafa9 rgb(95,175,169)
```
#5fafaf
```
#5fafaf rgb(95,175,175)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#5fa1af
```
#5fa1af rgb(95,161,175)
```
#5f9baf
```
#5f9baf rgb(95,155,175)
```
#5f94af
```
#5f94af rgb(95,148,175)
```

Similar Colors

Text with hexadecimal color #5fa8af

This text has a font color of #5fa8af.

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

#5fa8af background color

This paragraph has a background color of #5fa8af.

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

#5fa8af border color

This element has a border color of #5fa8af.

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

CSS codes

.text {color:#5fa8af;}

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

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

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)
```
#26484b
```
#26484b rgb(38,72,75)
```
#2c5558
```
#2c5558 rgb(44,85,88)
```
#336166
```
#336166 rgb(51,97,102)
```
#396e73
```
#396e73 rgb(57,110,115)
```
#407a80
```
#407a80 rgb(64,122,128)
```
#46878d
```
#46878d rgb(70,135,141)
```
#4d939a
```
#4d939a rgb(77,147,154)
```
#53a0a7
```
#53a0a7 rgb(83,160,167)
```

Shade Color Variation

#5fa8af
```
#5fa8af rgb(95,168,175)
```
#6cafb6
```
#6cafb6 rgb(108,175,182)
```
#79b6bc
```
#79b6bc rgb(121,182,188)
```
#86bdc3
```
#86bdc3 rgb(134,189,195)
```
#93c4c9
```
#93c4c9 rgb(147,196,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 #15e5f9 is the most saturated one.

#848a8a
```
#848a8a rgb(132,138,138)
```
#7b9193
```
#7b9193 rgb(123,145,147)
```
#71999d
```
#71999d rgb(113,153,157)
```
#68a0a6
```
#68a0a6 rgb(104,160,166)
```
#5fa8af
```
#5fa8af rgb(95,168,175)
```
#56b0b8
```
#56b0b8 rgb(86,176,184)
```
#4db7c1
```
#4db7c1 rgb(77,183,193)
```
#43bfcb
```
#43bfcb rgb(67,191,203)
```
#3ac6d4
```
#3ac6d4 rgb(58,198,212)
```
#31cedd
```
#31cedd rgb(49,206,221)
```
#28d6e6
```
#28d6e6 rgb(40,214,230)
```
#1eddf0
```
#1eddf0 rgb(30,221,240)
```
#15e5f9
```
#15e5f9 rgb(21,229,249)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#899799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a0ac Protanopia 1% of men
#a59eb8 Deuteranopia 1% of men
#69abb8 Tritanopia 0.001% of the population

Trichromacy

#89a3ad Protanomaly 1% of men, 0.01% of women
#8ba1b4 Deuteranomaly 6% of men, 0.4% of women
#65aab4 Tritanomaly 0.01% of the population

#5fa8af hex color

#5fa8af Color Information

#5fa8af Color Conversion

Color Schemes with #5fa8af

Alternatives to #5fa8af

#5fa8af Preview

Shades and Tints of #5fa8af

Tones of #5fa8af

Color Blindness Simulator