#5baf9f hex color

In a RGB color space, hex #5baf9f is composed of 35.7% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 168.6 degrees, a saturation of 34.4% and a lightness of 52.2%. #5baf9f color hex could be obtained by blending #b6ffff with #005f3f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 69
- B 62
RGB color chart
- C 48
- M 0
- Y 9
- K 31
CMYK color chart

● #5baf9f color description : Dark moderate cyan.

The hexadecimal color #5baf9f has RGB values of R:91, G:175, B:159 and CMYK values of C:0.48, M:0, Y:0.09, K:0.31. Its decimal value is 6008735.

Hex triplet	5baf9f	`#5baf9f`
RGB Decimal	91, 175, 159	`rgb(91,175,159)`
RGB Percent	35.7, 68.6, 62.4	`rgb(35.7%,68.6%,62.4%)`
CMYK	48, 0, 9, 31
HSL	168.6°, 34.4, 52.2	`hsl(168.6,34.4%,52.2%)`
HSV (or HSB)	168.6°, 48, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.048, -29.494, 0.325
XYZ	25.9, 35.386, 38.264
xyY	0.26, 0.355, 35.386
CIE-LCH	66.048, 29.496, 179.369
CIE-LUV	66.048, -37.393, 5.106
Hunter-Lab	59.486, -26.38, 3.502
Binary	01011011, 10101111, 10011111

#5baf9f
```
#5baf9f rgb(91,175,159)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```

Complementary Color

#5baf75
```
#5baf75 rgb(91,175,117)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#5b95af
```
#5b95af rgb(91,149,175)
```

Analogous Color

#af755b
```
#af755b rgb(175,117,91)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#af5b95
```
#af5b95 rgb(175,91,149)
```

Split Complementary Color

#af9f5b
```
#af9f5b rgb(175,159,91)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#9f5baf
```
#9f5baf rgb(159,91,175)
```

Triadic Color

#6baf5b
```
#6baf5b rgb(107,175,91)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#9f5baf
```
#9f5baf rgb(159,91,175)
```
#af5b6b
```
#af5b6b rgb(175,91,107)
```

Tetradic Color

#3e7f73
```
#3e7f73 rgb(62,127,115)
```
#469182
```
#469182 rgb(70,145,130)
```
#4fa292
```
#4fa292 rgb(79,162,146)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#6cb7a9
```
#6cb7a9 rgb(108,183,169)
```
#7dc0b3
```
#7dc0b3 rgb(125,192,179)
```
#8ec8bd
```
#8ec8bd rgb(142,200,189)
```

Monochromatic Color

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

#5baf8a
```
#5baf8a rgb(91,175,138)
```
#5baf91
```
#5baf91 rgb(91,175,145)
```
#5baf98
```
#5baf98 rgb(91,175,152)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#5bafa6
```
#5bafa6 rgb(91,175,166)
```
#5bafad
```
#5bafad rgb(91,175,173)
```
#5baaaf
```
#5baaaf rgb(91,170,175)
```

Similar Colors

Text with hexadecimal color #5baf9f

This text has a font color of #5baf9f.

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

#5baf9f background color

This paragraph has a background color of #5baf9f.

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

#5baf9f border color

This element has a border color of #5baf9f.

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

CSS codes

.text {color:#5baf9f;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0a1513
```
#0a1513 rgb(10,21,19)
```
#10221e
```
#10221e rgb(16,34,30)
```
#172f2a
```
#172f2a rgb(23,47,42)
```
#1d3c36
```
#1d3c36 rgb(29,60,54)
```
#244942
```
#244942 rgb(36,73,66)
```
#2a564e
```
#2a564e rgb(42,86,78)
```
#31645a
```
#31645a rgb(49,100,90)
```
#377166
```
#377166 rgb(55,113,102)
```
#3d7e72
```
#3d7e72 rgb(61,126,114)
```
#448b7e
```
#448b7e rgb(68,139,126)
```
#4a988a
```
#4a988a rgb(74,152,138)
```
#51a695
```
#51a695 rgb(81,166,149)
```

Shade Color Variation

#5baf9f
```
#5baf9f rgb(91,175,159)
```
#68b5a7
```
#68b5a7 rgb(104,181,167)
```
#75bcae
```
#75bcae rgb(117,188,174)
```
#83c2b6
```
#83c2b6 rgb(131,194,182)
```
#90c9be
```
#90c9be rgb(144,201,190)
```
#9dcfc6
```
#9dcfc6 rgb(157,207,198)
```
#aad6cd
```
#aad6cd rgb(170,214,205)
```
#b7dcd5
```
#b7dcd5 rgb(183,220,213)
```
#c4e2dd
```
#c4e2dd rgb(196,226,221)
```
#d2e9e4
```
#d2e9e4 rgb(210,233,228)
```
#dfefec
```
#dfefec rgb(223,239,236)
```
#ecf6f4
```
#ecf6f4 rgb(236,246,244)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#818988
```
#818988 rgb(129,137,136)
```
#77938e
```
#77938e rgb(119,147,142)
```
#6e9c93
```
#6e9c93 rgb(110,156,147)
```
#64a699
```
#64a699 rgb(100,166,153)
```
#5baf9f
```
#5baf9f rgb(91,175,159)
```
#52b8a5
```
#52b8a5 rgb(82,184,165)
```
#48c2ab
```
#48c2ab rgb(72,194,171)
```
#3fcbb0
```
#3fcbb0 rgb(63,203,176)
```
#35d5b6
```
#35d5b6 rgb(53,213,182)
```
#2cdebc
```
#2cdebc rgb(44,222,188)
```
#23e7c2
```
#23e7c2 rgb(35,231,194)
```
#19f1c8
```
#19f1c8 rgb(25,241,200)
```
#10facd
```
#10facd rgb(16,250,205)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#899996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa49c Protanopia 1% of men
#b2a0aa Deuteranopia 1% of men
#6cafbc Tritanopia 0.001% of the population

Trichromacy

#8da89d Protanomaly 1% of men, 0.01% of women
#92a5a6 Deuteranomaly 6% of men, 0.4% of women
#66afb1 Tritanomaly 0.01% of the population

#5baf9f hex color

#5baf9f Color Information

#5baf9f Color Conversion

Color Schemes with #5baf9f

Alternatives to #5baf9f

#5baf9f Preview

Shades and Tints of #5baf9f

Tones of #5baf9f

Color Blindness Simulator