#5fabbf hex color

In a RGB color space, hex #5fabbf is composed of 37.3% red, 67.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 10.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 192.5 degrees, a saturation of 42.9% and a lightness of 56.1%. #5fabbf color hex could be obtained by blending #beffff with #00577f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 67
- B 75
RGB color chart
- C 50
- M 10
- Y 0
- K 25
CMYK color chart

● #5fabbf color description : Moderate cyan.

The hexadecimal color #5fabbf has RGB values of R:95, G:171, B:191 and CMYK values of C:0.5, M:0.1, Y:0, K:0.25. Its decimal value is 6269887.

Hex triplet	5fabbf	`#5fabbf`
RGB Decimal	95, 171, 191	`rgb(95,171,191)`
RGB Percent	37.3, 67.1, 74.9	`rgb(37.3%,67.1%,74.9%)`
CMYK	50, 10, 0, 25
HSL	192.5°, 42.9, 56.1	`hsl(192.5,42.9%,56.1%)`
HSV (or HSB)	192.5°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.996, -18.052, -17.515
XYZ	28.684, 35.318, 54.593
xyY	0.242, 0.298, 35.318
CIE-LCH	65.996, 25.152, 224.136
CIE-LUV	65.996, -33.443, -24.215
Hunter-Lab	59.429, -17.848, -12.864
Binary	01011111, 10101011, 10111111

#5fabbf
```
#5fabbf rgb(95,171,191)
```
#bf735f
```
#bf735f rgb(191,115,95)
```

Complementary Color

#5fbfa3
```
#5fbfa3 rgb(95,191,163)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#5f7bbf
```
#5f7bbf rgb(95,123,191)
```

Analogous Color

#bfa35f
```
#bfa35f rgb(191,163,95)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#bf5f7b
```
#bf5f7b rgb(191,95,123)
```

Split Complementary Color

#abbf5f
```
#abbf5f rgb(171,191,95)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#bf5fab
```
#bf5fab rgb(191,95,171)
```

Triadic Color

#5fbf73
```
#5fbf73 rgb(95,191,115)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#bf5fab
```
#bf5fab rgb(191,95,171)
```
#bf735f
```
#bf735f rgb(191,115,95)
```

Tetradic Color

#3c8396
```
#3c8396 rgb(60,131,150)
```
#4393a8
```
#4393a8 rgb(67,147,168)
```
#4da1b8
```
#4da1b8 rgb(77,161,184)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#71b5c6
```
#71b5c6 rgb(113,181,198)
```
#83bece
```
#83bece rgb(131,190,206)
```
#96c8d5
```
#96c8d5 rgb(150,200,213)
```

Monochromatic Color

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

#5fbfbb
```
#5fbfbb rgb(95,191,187)
```
#5fbbbf
```
#5fbbbf rgb(95,187,191)
```
#5fb3bf
```
#5fb3bf rgb(95,179,191)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#5fa3bf
```
#5fa3bf rgb(95,163,191)
```
#5f9bbf
```
#5f9bbf rgb(95,155,191)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```

Similar Colors

Text with hexadecimal color #5fabbf

This text has a font color of #5fabbf.

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

#5fabbf background color

This paragraph has a background color of #5fabbf.

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

#5fabbf border color

This element has a border color of #5fabbf.

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

CSS codes

.text {color:#5fabbf;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091316
```
#091316 rgb(9,19,22)
```
#0e2024
```
#0e2024 rgb(14,32,36)
```
#142c32
```
#142c32 rgb(20,44,50)
```
#1a3840
```
#1a3840 rgb(26,56,64)
```
#1f444e
```
#1f444e rgb(31,68,78)
```
#25515c
```
#25515c rgb(37,81,92)
```
#2a5d6a
```
#2a5d6a rgb(42,93,106)
```
#306978
```
#306978 rgb(48,105,120)
```
#367586
```
#367586 rgb(54,117,134)
```
#3b8294
```
#3b8294 rgb(59,130,148)
```
#418ea2
```
#418ea2 rgb(65,142,162)
```
#479ab0
```
#479ab0 rgb(71,154,176)
```

Shade Color Variation

#51a4b9
```
#51a4b9 rgb(81,164,185)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#6db2c5
```
#6db2c5 rgb(109,178,197)
```
#7bbaca
```
#7bbaca rgb(123,186,202)
```
#89c1d0
```
#89c1d0 rgb(137,193,208)
```
#97c8d5
```
#97c8d5 rgb(151,200,213)
```
#a5d0db
```
#a5d0db rgb(165,208,219)
```
#b3d7e1
```
#b3d7e1 rgb(179,215,225)
```
#c1dee6
```
#c1dee6 rgb(193,222,230)
```
#cfe6ec
```
#cfe6ec rgb(207,230,236)
```
#ddedf1
```
#ddedf1 rgb(221,237,241)
```
#ebf5f7
```
#ebf5f7 rgb(235,245,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#8a9294
```
#8a9294 rgb(138,146,148)
```
#81979d
```
#81979d rgb(129,151,157)
```
#799ca5
```
#799ca5 rgb(121,156,165)
```
#70a1ae
```
#70a1ae rgb(112,161,174)
```
#68a6b6
```
#68a6b6 rgb(104,166,182)
```
#5fabbf
```
#5fabbf rgb(95,171,191)
```
#56b0c8
```
#56b0c8 rgb(86,176,200)
```
#4eb5d0
```
#4eb5d0 rgb(78,181,208)
```
#45bad9
```
#45bad9 rgb(69,186,217)
```
#3dbfe1
```
#3dbfe1 rgb(61,191,225)
```
#34c4ea
```
#34c4ea rgb(52,196,234)
```
#2bc9f3
```
#2bc9f3 rgb(43,201,243)
```
#23cefb
```
#23cefb rgb(35,206,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8c9b9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a4bb Protanopia 1% of men
#a2a2c7 Deuteranopia 1% of men
#65b0bd Tritanopia 0.001% of the population

Trichromacy

#88a6bc Protanomaly 1% of men, 0.01% of women
#89a5c4 Deuteranomaly 6% of men, 0.4% of women
#62aebd Tritanomaly 0.01% of the population

#5fabbf hex color

#5fabbf Color Information

#5fabbf Color Conversion

Color Schemes with #5fabbf

Alternatives to #5fabbf

#5fabbf Preview

Shades and Tints of #5fabbf

Tones of #5fabbf

Color Blindness Simulator