#5fa4ad hex color

In a RGB color space, hex #5fa4ad is composed of 37.3% red, 64.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 5.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 186.9 degrees, a saturation of 32.2% and a lightness of 52.5%. #5fa4ad color hex could be obtained by blending #beffff with #00495b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 64
- B 68
RGB color chart
- C 45
- M 5
- Y 0
- K 32
CMYK color chart

● #5fa4ad color description : Dark moderate cyan.

The hexadecimal color #5fa4ad has RGB values of R:95, G:164, B:173 and CMYK values of C:0.45, M:0.05, Y:0, K:0.32. Its decimal value is 6268077.

Hex triplet	5fa4ad	`#5fa4ad`
RGB Decimal	95, 164, 173	`rgb(95,164,173)`
RGB Percent	37.3, 64.3, 67.8	`rgb(37.3%,64.3%,67.8%)`
CMYK	45, 5, 0, 32
HSL	186.9°, 32.2, 52.5	`hsl(186.9,32.2%,52.5%)`
HSV (or HSB)	186.9°, 45.1, 67.8
Web Safe	669999	`#669999`

CIE-LAB	63.342, -19.362, -11.473
XYZ	25.536, 31.999, 44.364
xyY	0.251, 0.314, 31.999
CIE-LCH	63.342, 22.506, 210.648
CIE-LUV	63.342, -31.206, -14.304
Hunter-Lab	56.568, -18.417, -6.901
Binary	01011111, 10100100, 10101101

#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#ad685f
```
#ad685f rgb(173,104,95)
```

Complementary Color

#5fad8f
```
#5fad8f rgb(95,173,143)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#5f7dad
```
#5f7dad rgb(95,125,173)
```

Analogous Color

#ad8f5f
```
#ad8f5f rgb(173,143,95)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#ad5f7d
```
#ad5f7d rgb(173,95,125)
```

Split Complementary Color

#a4ad5f
```
#a4ad5f rgb(164,173,95)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#ad5fa4
```
#ad5fa4 rgb(173,95,164)
```

Triadic Color

#5fad68
```
#5fad68 rgb(95,173,104)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#ad5fa4
```
#ad5fa4 rgb(173,95,164)
```
#ad685f
```
#ad685f rgb(173,104,95)
```

Tetradic Color

#41777f
```
#41777f rgb(65,119,127)
```
#4a878f
```
#4a878f rgb(74,135,143)
```
#5297a0
```
#5297a0 rgb(82,151,160)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#70aeb6
```
#70aeb6 rgb(112,174,182)
```
#81b7be
```
#81b7be rgb(129,183,190)
```
#92c1c7
```
#92c1c7 rgb(146,193,199)
```

Monochromatic Color

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

#5fada3
```
#5fada3 rgb(95,173,163)
```
#5fada9
```
#5fada9 rgb(95,173,169)
```
#5fabad
```
#5fabad rgb(95,171,173)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#5f9ead
```
#5f9ead rgb(95,158,173)
```
#5f97ad
```
#5f97ad rgb(95,151,173)
```
#5f91ad
```
#5f91ad rgb(95,145,173)
```

Similar Colors

Text with hexadecimal color #5fa4ad

This text has a font color of #5fa4ad.

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

#5fa4ad background color

This paragraph has a background color of #5fa4ad.

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

#5fa4ad border color

This element has a border color of #5fa4ad.

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

CSS codes

.text {color:#5fa4ad;}

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

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

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, #040809 is the darkest color, while #fbfdfd is the lightest one.

#040809
```
#040809 rgb(4,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#122123
```
#122123 rgb(18,33,35)
```
#182d30
```
#182d30 rgb(24,45,48)
```
#1f393c
```
#1f393c rgb(31,57,60)
```
#264549
```
#264549 rgb(38,69,73)
```
#2c5256
```
#2c5256 rgb(44,82,86)
```
#335e63
```
#335e63 rgb(51,94,99)
```
#3a6a70
```
#3a6a70 rgb(58,106,112)
```
#40767d
```
#40767d rgb(64,118,125)
```
#47838a
```
#47838a rgb(71,131,138)
```
#4e8f97
```
#4e8f97 rgb(78,143,151)
```
#549ba4
```
#549ba4 rgb(84,155,164)
```

Shade Color Variation

#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#6cabb4
```
#6cabb4 rgb(108,171,180)
```
#79b3ba
```
#79b3ba rgb(121,179,186)
```
#86bac1
```
#86bac1 rgb(134,186,193)
```
#93c2c8
```
#93c2c8 rgb(147,194,200)
```
#a0c9ce
```
#a0c9ce rgb(160,201,206)
```
#add0d5
```
#add0d5 rgb(173,208,213)
```
#bad8dc
```
#bad8dc rgb(186,216,220)
```
#c7dfe2
```
#c7dfe2 rgb(199,223,226)
```
#d4e6e9
```
#d4e6e9 rgb(212,230,233)
```
#e1eeef
```
#e1eeef rgb(225,238,239)
```
#eef5f6
```
#eef5f6 rgb(238,245,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#848788
```
#848788 rgb(132,135,136)
```
#7b8f91
```
#7b8f91 rgb(123,143,145)
```
#72969a
```
#72969a rgb(114,150,154)
```
#689da4
```
#689da4 rgb(104,157,164)
```
#5fa4ad
```
#5fa4ad rgb(95,164,173)
```
#56abb6
```
#56abb6 rgb(86,171,182)
```
#4cb2c0
```
#4cb2c0 rgb(76,178,192)
```
#43b9c9
```
#43b9c9 rgb(67,185,201)
```
#3ac1d2
```
#3ac1d2 rgb(58,193,210)
```
#30c8dc
```
#30c8dc rgb(48,200,220)
```
#27cfe5
```
#27cfe5 rgb(39,207,229)
```
#1ed6ee
```
#1ed6ee rgb(30,214,238)
```
#15ddf7
```
#15ddf7 rgb(21,221,247)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#869496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9daa Protanopia 1% of men
#a19bb6 Deuteranopia 1% of men
#68a8b4 Tritanopia 0.001% of the population

Trichromacy

#869fab Protanomaly 1% of men, 0.01% of women
#899eb2 Deuteranomaly 6% of men, 0.4% of women
#65a6b1 Tritanomaly 0.01% of the population

#5fa4ad hex color

#5fa4ad Color Information

#5fa4ad Color Conversion

Color Schemes with #5fa4ad

Alternatives to #5fa4ad

#5fa4ad Preview

Shades and Tints of #5fa4ad

Tones of #5fa4ad

Color Blindness Simulator