#5fb5ba hex color

In a RGB color space, hex #5fb5ba is composed of 37.3% red, 71% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 2.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.3 degrees, a saturation of 39.7% and a lightness of 55.1%. #5fb5ba color hex could be obtained by blending #beffff with #006b75. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 71
- B 73
RGB color chart
- C 49
- M 3
- Y 0
- K 27
CMYK color chart

● #5fb5ba color description : Slightly desaturated cyan.

The hexadecimal color #5fb5ba has RGB values of R:95, G:181, B:186 and CMYK values of C:0.49, M:0.03, Y:0, K:0.27. Its decimal value is 6272442.

Hex triplet	5fb5ba	`#5fb5ba`
RGB Decimal	95, 181, 186	`rgb(95,181,186)`
RGB Percent	37.3, 71, 72.9	`rgb(37.3%,71%,72.9%)`
CMYK	49, 3, 0, 27
HSL	183.3°, 39.7, 55.1	`hsl(183.3,39.7%,55.1%)`
HSV (or HSB)	183.3°, 48.9, 72.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.769, -24.557, -10.576
XYZ	30.104, 39.024, 52.398
xyY	0.248, 0.321, 39.024
CIE-LCH	68.769, 26.738, 203.299
CIE-LUV	68.769, -37.543, -12.32
Hunter-Lab	62.469, -23.302, -6.003
Binary	01011111, 10110101, 10111010

#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#ba645f
```
#ba645f rgb(186,100,95)
```

Complementary Color

#5fba92
```
#5fba92 rgb(95,186,146)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#5f88ba
```
#5f88ba rgb(95,136,186)
```

Analogous Color

#ba925f
```
#ba925f rgb(186,146,95)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#ba5f88
```
#ba5f88 rgb(186,95,136)
```

Split Complementary Color

#b5ba5f
```
#b5ba5f rgb(181,186,95)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#ba5fb5
```
#ba5fb5 rgb(186,95,181)
```

Triadic Color

#5fba64
```
#5fba64 rgb(95,186,100)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#ba5fb5
```
#ba5fb5 rgb(186,95,181)
```
#ba645f
```
#ba645f rgb(186,100,95)
```

Tetradic Color

#3e8a8f
```
#3e8a8f rgb(62,138,143)
```
#459ca1
```
#459ca1 rgb(69,156,161)
```
#4dadb2
```
#4dadb2 rgb(77,173,178)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#71bdc2
```
#71bdc2 rgb(113,189,194)
```
#83c5c9
```
#83c5c9 rgb(131,197,201)
```
#94ced1
```
#94ced1 rgb(148,206,209)
```

Monochromatic Color

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

#5fbaa8
```
#5fbaa8 rgb(95,186,168)
```
#5fbab0
```
#5fbab0 rgb(95,186,176)
```
#5fbab7
```
#5fbab7 rgb(95,186,183)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#5fadba
```
#5fadba rgb(95,173,186)
```
#5fa6ba
```
#5fa6ba rgb(95,166,186)
```
#5f9eba
```
#5f9eba rgb(95,158,186)
```

Similar Colors

Text with hexadecimal color #5fb5ba

This text has a font color of #5fb5ba.

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

#5fb5ba background color

This paragraph has a background color of #5fb5ba.

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

#5fb5ba border color

This element has a border color of #5fb5ba.

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

CSS codes

.text {color:#5fb5ba;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081212
```
#081212 rgb(8,18,18)
```
#0e1f20
```
#0e1f20 rgb(14,31,32)
```
#142c2e
```
#142c2e rgb(20,44,46)
```
#1a393b
```
#1a393b rgb(26,57,59)
```
#1f4749
```
#1f4749 rgb(31,71,73)
```
#255457
```
#255457 rgb(37,84,87)
```
#2b6164
```
#2b6164 rgb(43,97,100)
```
#316f72
```
#316f72 rgb(49,111,114)
```
#377c80
```
#377c80 rgb(55,124,128)
```
#3d898e
```
#3d898e rgb(61,137,142)
```
#43969b
```
#43969b rgb(67,150,155)
```
#49a4a9
```
#49a4a9 rgb(73,164,169)
```

Shade Color Variation

#51afb4
```
#51afb4 rgb(81,175,180)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#6dbbc0
```
#6dbbc0 rgb(109,187,192)
```
#7ac2c6
```
#7ac2c6 rgb(122,194,198)
```
#88c8cc
```
#88c8cc rgb(136,200,204)
```
#96ced2
```
#96ced2 rgb(150,206,210)
```
#a4d5d8
```
#a4d5d8 rgb(164,213,216)
```
#b1dbdd
```
#b1dbdd rgb(177,219,221)
```
#bfe1e3
```
#bfe1e3 rgb(191,225,227)
```
#cde8e9
```
#cde8e9 rgb(205,232,233)
```
#daeeef
```
#daeeef rgb(218,238,239)
```
#e8f4f5
```
#e8f4f5 rgb(232,244,245)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8e is the less saturated color, while #21ecf8 is the most saturated one.

#8b8e8e
```
#8b8e8e rgb(139,142,142)
```
#829697
```
#829697 rgb(130,150,151)
```
#799da0
```
#799da0 rgb(121,157,160)
```
#71a5a8
```
#71a5a8 rgb(113,165,168)
```
#68adb1
```
#68adb1 rgb(104,173,177)
```
#5fb5ba
```
#5fb5ba rgb(95,181,186)
```
#56bdc3
```
#56bdc3 rgb(86,189,195)
```
#4dc5cc
```
#4dc5cc rgb(77,197,204)
```
#45cdd4
```
#45cdd4 rgb(69,205,212)
```
#3cd4dd
```
#3cd4dd rgb(60,212,221)
```
#33dce6
```
#33dce6 rgb(51,220,230)
```
#2ae4ef
```
#2ae4ef rgb(42,228,239)
```
#21ecf8
```
#21ecf8 rgb(33,236,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#90a1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb5 Protanopia 1% of men
#b0a8c3 Deuteranopia 1% of men
#6ab7c5 Tritanopia 0.001% of the population

Trichromacy

#90aeb7 Protanomaly 1% of men, 0.01% of women
#92acc0 Deuteranomaly 6% of men, 0.4% of women
#66b6c1 Tritanomaly 0.01% of the population

#5fb5ba hex color

#5fb5ba Color Information

#5fb5ba Color Conversion

Color Schemes with #5fb5ba

Alternatives to #5fb5ba

#5fb5ba Preview

Shades and Tints of #5fb5ba

Tones of #5fb5ba

Color Blindness Simulator