#5fafb4 hex color

In a RGB color space, hex #5fafb4 is composed of 37.3% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 183.5 degrees, a saturation of 36.2% and a lightness of 53.9%. #5fafb4 color hex could be obtained by blending #beffff with #005f69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 69
- B 71
RGB color chart
- C 47
- M 3
- Y 0
- K 29
CMYK color chart

● #5fafb4 color description : Slightly desaturated cyan.

The hexadecimal color #5fafb4 has RGB values of R:95, G:175, B:180 and CMYK values of C:0.47, M:0.03, Y:0, K:0.29. Its decimal value is 6270900.

Hex triplet	5fafb4	`#5fafb4`
RGB Decimal	95, 175, 180	`rgb(95,175,180)`
RGB Percent	37.3, 68.6, 70.6	`rgb(37.3%,68.6%,70.6%)`
CMYK	47, 3, 0, 29
HSL	183.5°, 36.2, 53.9	`hsl(183.5,36.2%,53.9%)`
HSV (or HSB)	183.5°, 47.2, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.814, -23.139, -10.179
XYZ	28.285, 36.386, 48.71
xyY	0.249, 0.321, 36.386
CIE-LCH	66.814, 25.279, 203.746
CIE-LUV	66.814, -35.391, -11.848
Hunter-Lab	60.321, -21.861, -5.653
Binary	01011111, 10101111, 10110100

#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#b4645f
```
#b4645f rgb(180,100,95)
```

Complementary Color

#5fb48f
```
#5fb48f rgb(95,180,143)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#5f85b4
```
#5f85b4 rgb(95,133,180)
```

Analogous Color

#b48f5f
```
#b48f5f rgb(180,143,95)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#b45f85
```
#b45f85 rgb(180,95,133)
```

Split Complementary Color

#afb45f
```
#afb45f rgb(175,180,95)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#b45faf
```
#b45faf rgb(180,95,175)
```

Triadic Color

#5fb464
```
#5fb464 rgb(95,180,100)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#b45faf
```
#b45faf rgb(180,95,175)
```
#b4645f
```
#b4645f rgb(180,100,95)
```

Tetradic Color

#3f8387
```
#3f8387 rgb(63,131,135)
```
#479499
```
#479499 rgb(71,148,153)
```
#50a5aa
```
#50a5aa rgb(80,165,170)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#70b8bc
```
#70b8bc rgb(112,184,188)
```
#82c0c4
```
#82c0c4 rgb(130,192,196)
```
#93c9cc
```
#93c9cc rgb(147,201,204)
```

Monochromatic Color

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

#5fb4a4
```
#5fb4a4 rgb(95,180,164)
```
#5fb4ab
```
#5fb4ab rgb(95,180,171)
```
#5fb4b2
```
#5fb4b2 rgb(95,180,178)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#5fa8b4
```
#5fa8b4 rgb(95,168,180)
```
#5fa1b4
```
#5fa1b4 rgb(95,161,180)
```
#5f9ab4
```
#5f9ab4 rgb(95,154,180)
```

Similar Colors

Text with hexadecimal color #5fafb4

This text has a font color of #5fafb4.

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

#5fafb4 background color

This paragraph has a background color of #5fafb4.

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

#5fafb4 border color

This element has a border color of #5fafb4.

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

CSS codes

.text {color:#5fafb4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0d1a1b
```
#0d1a1b rgb(13,26,27)
```
#132728
```
#132728 rgb(19,39,40)
```
#193436
```
#193436 rgb(25,52,54)
```
#1f4143
```
#1f4143 rgb(31,65,67)
```
#264e50
```
#264e50 rgb(38,78,80)
```
#2c5b5e
```
#2c5b5e rgb(44,91,94)
```
#32686b
```
#32686b rgb(50,104,107)
```
#387578
```
#387578 rgb(56,117,120)
```
#3f8286
```
#3f8286 rgb(63,130,134)
```
#458f93
```
#458f93 rgb(69,143,147)
```
#4b9ca1
```
#4b9ca1 rgb(75,156,161)
```

Shade Color Variation

#52a8ae
```
#52a8ae rgb(82,168,174)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#6cb6ba
```
#6cb6ba rgb(108,182,186)
```
#7abcc1
```
#7abcc1 rgb(122,188,193)
```
#87c3c7
```
#87c3c7 rgb(135,195,199)
```
#94cacd
```
#94cacd rgb(148,202,205)
```
#a2d0d3
```
#a2d0d3 rgb(162,208,211)
```
#afd7da
```
#afd7da rgb(175,215,218)
```
#bcdee0
```
#bcdee0 rgb(188,222,224)
```
#cae4e6
```
#cae4e6 rgb(202,228,230)
```
#d7ebec
```
#d7ebec rgb(215,235,236)
```
#e5f2f3
```
#e5f2f3 rgb(229,242,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838f90 is the less saturated color, while #17effc is the most saturated one.

#838f90
```
#838f90 rgb(131,143,144)
```
#7a9799
```
#7a9799 rgb(122,151,153)
```
#719fa2
```
#719fa2 rgb(113,159,162)
```
#68a7ab
```
#68a7ab rgb(104,167,171)
```
#5fafb4
```
#5fafb4 rgb(95,175,180)
```
#56b7bd
```
#56b7bd rgb(86,183,189)
```
#4dbfc6
```
#4dbfc6 rgb(77,191,198)
```
#44c7cf
```
#44c7cf rgb(68,199,207)
```
#3bcfd8
```
#3bcfd8 rgb(59,207,216)
```
#32d7e1
```
#32d7e1 rgb(50,215,225)
```
#29dfea
```
#29dfea rgb(41,223,234)
```
#20e7f3
```
#20e7f3 rgb(32,231,243)
```
#17effc
```
#17effc rgb(23,239,252)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8d9d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b0 Protanopia 1% of men
#aba3bd Deuteranopia 1% of men
#6ab2be Tritanopia 0.001% of the population

Trichromacy

#8da9b1 Protanomaly 1% of men, 0.01% of women
#8fa7ba Deuteranomaly 6% of men, 0.4% of women
#66b0ba Tritanomaly 0.01% of the population

#5fafb4 hex color

#5fafb4 Color Information

#5fafb4 Color Conversion

Color Schemes with #5fafb4

Alternatives to #5fafb4

#5fafb4 Preview

Shades and Tints of #5fafb4

Tones of #5fafb4

Color Blindness Simulator