#5bc6a2 hex color

In a RGB color space, hex #5bc6a2 is composed of 35.7% red, 77.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 0% magenta, 18.2% yellow and 22.4% black. It has a hue angle of 159.8 degrees, a saturation of 48.4% and a lightness of 56.7%. #5bc6a2 color hex could be obtained by blending #b6ffff with #008d45. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 78
- B 64
RGB color chart
- C 54
- M 0
- Y 18
- K 22
CMYK color chart

● #5bc6a2 color description : Moderate cyan - lime green.

The hexadecimal color #5bc6a2 has RGB values of R:91, G:198, B:162 and CMYK values of C:0.54, M:0, Y:0.18, K:0.22. Its decimal value is 6014626.

Hex triplet	5bc6a2	`#5bc6a2`
RGB Decimal	91, 198, 162	`rgb(91,198,162)`
RGB Percent	35.7, 77.6, 63.5	`rgb(35.7%,77.6%,63.5%)`
CMYK	54, 0, 18, 22
HSL	159.8°, 48.4, 56.7	`hsl(159.8,48.4%,56.7%)`
HSV (or HSB)	159.8°, 54, 77.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.036, -39.498, 8.766
XYZ	31.028, 45.219, 41.273
xyY	0.264, 0.385, 45.219
CIE-LCH	73.036, 40.459, 167.487
CIE-LUV	73.036, -46.4, 19.128
Hunter-Lab	67.245, -35.316, 10.68
Binary	01011011, 11000110, 10100010

#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#c65b7f
```
#c65b7f rgb(198,91,127)
```

Complementary Color

#5bc66d
```
#5bc66d rgb(91,198,109)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#5bb5c6
```
#5bb5c6 rgb(91,181,198)
```

Analogous Color

#c66d5b
```
#c66d5b rgb(198,109,91)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#c65bb5
```
#c65bb5 rgb(198,91,181)
```

Split Complementary Color

#c6a25b
```
#c6a25b rgb(198,162,91)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#a25bc6
```
#a25bc6 rgb(162,91,198)
```

Triadic Color

#7fc65b
```
#7fc65b rgb(127,198,91)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#a25bc6
```
#a25bc6 rgb(162,91,198)
```
#c65b7f
```
#c65b7f rgb(198,91,127)
```

Tetradic Color

#379e7b
```
#379e7b rgb(55,158,123)
```
#3db18a
```
#3db18a rgb(61,177,138)
```
#48bf97
```
#48bf97 rgb(72,191,151)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#6ecdad
```
#6ecdad rgb(110,205,173)
```
#81d3b7
```
#81d3b7 rgb(129,211,183)
```
#94dac2
```
#94dac2 rgb(148,218,194)
```

Monochromatic Color

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

#5bc687
```
#5bc687 rgb(91,198,135)
```
#5bc690
```
#5bc690 rgb(91,198,144)
```
#5bc699
```
#5bc699 rgb(91,198,153)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#5bc6ab
```
#5bc6ab rgb(91,198,171)
```
#5bc6b4
```
#5bc6b4 rgb(91,198,180)
```
#5bc6bd
```
#5bc6bd rgb(91,198,189)
```

Similar Colors

Text with hexadecimal color #5bc6a2

This text has a font color of #5bc6a2.

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

#5bc6a2 background color

This paragraph has a background color of #5bc6a2.

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

#5bc6a2 border color

This element has a border color of #5bc6a2.

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

CSS codes

.text {color:#5bc6a2;}

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

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

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, #040b08 is the darkest color, while #fbfefd is the lightest one.

#040b08
```
#040b08 rgb(4,11,8)
```
#091914
```
#091914 rgb(9,25,20)
```
#0e281f
```
#0e281f rgb(14,40,31)
```
#13362a
```
#13362a rgb(19,54,42)
```
#184536
```
#184536 rgb(24,69,54)
```
#1d5341
```
#1d5341 rgb(29,83,65)
```
#22624c
```
#22624c rgb(34,98,76)
```
#277158
```
#277158 rgb(39,113,88)
```
#2c7f63
```
#2c7f63 rgb(44,127,99)
```
#318e6f
```
#318e6f rgb(49,142,111)
```
#369c7a
```
#369c7a rgb(54,156,122)
```
#3bab85
```
#3bab85 rgb(59,171,133)
```
#40b991
```
#40b991 rgb(64,185,145)
```

Shade Color Variation

#4cc19a
```
#4cc19a rgb(76,193,154)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#6acbaa
```
#6acbaa rgb(106,203,170)
```
#78d0b3
```
#78d0b3 rgb(120,208,179)
```
#87d5bb
```
#87d5bb rgb(135,213,187)
```
#95dac3
```
#95dac3 rgb(149,218,195)
```
#a4dfcb
```
#a4dfcb rgb(164,223,203)
```
#b2e4d4
```
#b2e4d4 rgb(178,228,212)
```
#c1e9dc
```
#c1e9dc rgb(193,233,220)
```
#cfeee4
```
#cfeee4 rgb(207,238,228)
```
#def4ec
```
#def4ec rgb(222,244,236)
```
#edf9f5
```
#edf9f5 rgb(237,249,245)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#8e9391
```
#8e9391 rgb(142,147,145)
```
#869c94
```
#869c94 rgb(134,156,148)
```
#7da497
```
#7da497 rgb(125,164,151)
```
#75ad9a
```
#75ad9a rgb(117,173,154)
```
#6cb59c
```
#6cb59c rgb(108,181,156)
```
#64be9f
```
#64be9f rgb(100,190,159)
```
#5bc6a2
```
#5bc6a2 rgb(91,198,162)
```
#53cfa5
```
#53cfa5 rgb(83,207,165)
```
#4ad7a8
```
#4ad7a8 rgb(74,215,168)
```
#42e0aa
```
#42e0aa rgb(66,224,170)
```
#39e8ad
```
#39e8ad rgb(57,232,173)
```
#31f1b0
```
#31f1b0 rgb(49,241,176)
```
#28f9b3
```
#28f9b3 rgb(40,249,179)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b69e Protanopia 1% of men
#cbb1ae Deuteranopia 1% of men
#73c2d1 Tritanopia 0.001% of the population

Trichromacy

#9bbc9f Protanomaly 1% of men, 0.01% of women
#a2b8aa Deuteranomaly 6% of men, 0.4% of women
#6ac4bf Tritanomaly 0.01% of the population

#5bc6a2 hex color

#5bc6a2 Color Information

#5bc6a2 Color Conversion

Color Schemes with #5bc6a2

Alternatives to #5bc6a2

#5bc6a2 Preview

Shades and Tints of #5bc6a2

Tones of #5bc6a2

Color Blindness Simulator