#5fbab4 hex color

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

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

● #5fbab4 color description : Slightly desaturated cyan.

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

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

CIE-LAB	70.066, -28.61, -5.345
XYZ	30.514, 40.844, 49.453
xyY	0.253, 0.338, 40.844
CIE-LCH	70.066, 29.105, 190.583
CIE-LUV	70.066, -39.748, -3.577
Hunter-Lab	63.909, -26.615, -1.142
Binary	01011111, 10111010, 10110100

#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#ba5f65
```
#ba5f65 rgb(186,95,101)
```

Complementary Color

#5fba87
```
#5fba87 rgb(95,186,135)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#5f93ba
```
#5f93ba rgb(95,147,186)
```

Analogous Color

#ba875f
```
#ba875f rgb(186,135,95)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#ba5f93
```
#ba5f93 rgb(186,95,147)
```

Split Complementary Color

#bab45f
```
#bab45f rgb(186,180,95)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#b45fba
```
#b45fba rgb(180,95,186)
```

Triadic Color

#65ba5f
```
#65ba5f rgb(101,186,95)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#b45fba
```
#b45fba rgb(180,95,186)
```
#ba5f65
```
#ba5f65 rgb(186,95,101)
```

Tetradic Color

#3e8f8a
```
#3e8f8a rgb(62,143,138)
```
#45a19b
```
#45a19b rgb(69,161,155)
```
#4db2ac
```
#4db2ac rgb(77,178,172)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#71c2bc
```
#71c2bc rgb(113,194,188)
```
#83c9c5
```
#83c9c5 rgb(131,201,197)
```
#94d1cd
```
#94d1cd rgb(148,209,205)
```

Monochromatic Color

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

#5fba9d
```
#5fba9d rgb(95,186,157)
```
#5fbaa5
```
#5fbaa5 rgb(95,186,165)
```
#5fbaac
```
#5fbaac rgb(95,186,172)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#5fb8ba
```
#5fb8ba rgb(95,184,186)
```
#5fb1ba
```
#5fb1ba rgb(95,177,186)
```
#5fa9ba
```
#5fa9ba rgb(95,169,186)
```

Similar Colors

Text with hexadecimal color #5fbab4

This text has a font color of #5fbab4.

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

#5fbab4 background color

This paragraph has a background color of #5fbab4.

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

#5fbab4 border color

This element has a border color of #5fbab4.

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

CSS codes

.text {color:#5fbab4;}

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

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

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)
```
#081211
```
#081211 rgb(8,18,17)
```
#0e201f
```
#0e201f rgb(14,32,31)
```
#142e2c
```
#142e2c rgb(20,46,44)
```
#1a3b39
```
#1a3b39 rgb(26,59,57)
```
#1f4946
```
#1f4946 rgb(31,73,70)
```
#255753
```
#255753 rgb(37,87,83)
```
#2b6461
```
#2b6461 rgb(43,100,97)
```
#31726e
```
#31726e rgb(49,114,110)
```
#37807b
```
#37807b rgb(55,128,123)
```
#3d8e88
```
#3d8e88 rgb(61,142,136)
```
#439b95
```
#439b95 rgb(67,155,149)
```
#49a9a3
```
#49a9a3 rgb(73,169,163)
```

Shade Color Variation

#51b4ae
```
#51b4ae rgb(81,180,174)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#6dc0ba
```
#6dc0ba rgb(109,192,186)
```
#7ac6c1
```
#7ac6c1 rgb(122,198,193)
```
#88ccc7
```
#88ccc7 rgb(136,204,199)
```
#96d2ce
```
#96d2ce rgb(150,210,206)
```
#a4d8d4
```
#a4d8d4 rgb(164,216,212)
```
#b1dddb
```
#b1dddb rgb(177,221,219)
```
#bfe3e1
```
#bfe3e1 rgb(191,227,225)
```
#cde9e7
```
#cde9e7 rgb(205,233,231)
```
#daefee
```
#daefee rgb(218,239,238)
```
#e8f5f4
```
#e8f5f4 rgb(232,245,244)
```
#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 #21f8ea is the most saturated one.

#8b8e8e
```
#8b8e8e rgb(139,142,142)
```
#829795
```
#829795 rgb(130,151,149)
```
#79a09d
```
#79a09d rgb(121,160,157)
```
#71a8a5
```
#71a8a5 rgb(113,168,165)
```
#68b1ac
```
#68b1ac rgb(104,177,172)
```
#5fbab4
```
#5fbab4 rgb(95,186,180)
```
#56c3bc
```
#56c3bc rgb(86,195,188)
```
#4dccc3
```
#4dccc3 rgb(77,204,195)
```
#45d4cb
```
#45d4cb rgb(69,212,203)
```
#3cddd3
```
#3cddd3 rgb(60,221,211)
```
#33e6da
```
#33e6da rgb(51,230,218)
```
#2aefe2
```
#2aefe2 rgb(42,239,226)
```
#21f8ea
```
#21f8ea rgb(33,248,234)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aeaf Protanopia 1% of men
#b8abbe Deuteranopia 1% of men
#6ebac8 Tritanopia 0.001% of the population

Trichromacy

#94b2b1 Protanomaly 1% of men, 0.01% of women
#98b0ba Deuteranomaly 6% of men, 0.4% of women
#68bac1 Tritanomaly 0.01% of the population

#5fbab4 hex color

#5fbab4 Color Information

#5fbab4 Color Conversion

Color Schemes with #5fbab4

Alternatives to #5fbab4

#5fbab4 Preview

Shades and Tints of #5fbab4

Tones of #5fbab4

Color Blindness Simulator