#5bbca2 hex color

In a RGB color space, hex #5bbca2 is composed of 35.7% red, 73.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 13.8% yellow and 26.3% black. It has a hue angle of 163.9 degrees, a saturation of 42% and a lightness of 54.7%. #5bbca2 color hex could be obtained by blending #b6ffff with #007945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 74
- B 64
RGB color chart
- C 52
- M 0
- Y 14
- K 26
CMYK color chart

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

The hexadecimal color #5bbca2 has RGB values of R:91, G:188, B:162 and CMYK values of C:0.52, M:0, Y:0.14, K:0.26. Its decimal value is 6012066.

Hex triplet	5bbca2	`#5bbca2`
RGB Decimal	91, 188, 162	`rgb(91,188,162)`
RGB Percent	35.7, 73.7, 63.5	`rgb(35.7%,73.7%,63.5%)`
CMYK	52, 0, 14, 26
HSL	163.9°, 42, 54.7	`hsl(163.9,42%,54.7%)`
HSV (or HSB)	163.9°, 51.6, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.034, -34.937, 4.457
XYZ	28.817, 40.797, 40.536
xyY	0.262, 0.37, 40.797
CIE-LCH	70.034, 35.22, 172.731
CIE-LUV	70.034, -42.468, 12.088
Hunter-Lab	63.873, -31.244, 7.083
Binary	01011011, 10111100, 10100010

#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#bc5b75
```
#bc5b75 rgb(188,91,117)
```

Complementary Color

#5bbc72
```
#5bbc72 rgb(91,188,114)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#5ba6bc
```
#5ba6bc rgb(91,166,188)
```

Analogous Color

#bc725b
```
#bc725b rgb(188,114,91)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#bc5ba6
```
#bc5ba6 rgb(188,91,166)
```

Split Complementary Color

#bca25b
```
#bca25b rgb(188,162,91)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#a25bbc
```
#a25bbc rgb(162,91,188)
```

Triadic Color

#75bc5b
```
#75bc5b rgb(117,188,91)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#a25bbc
```
#a25bbc rgb(162,91,188)
```
#bc5b75
```
#bc5b75 rgb(188,91,117)
```

Tetradic Color

#3b9079
```
#3b9079 rgb(59,144,121)
```
#42a288
```
#42a288 rgb(66,162,136)
```
#4ab497
```
#4ab497 rgb(74,180,151)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#6dc3ac
```
#6dc3ac rgb(109,195,172)
```
#7fcbb7
```
#7fcbb7 rgb(127,203,183)
```
#91d2c1
```
#91d2c1 rgb(145,210,193)
```

Monochromatic Color

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

#5bbc8a
```
#5bbc8a rgb(91,188,138)
```
#5bbc92
```
#5bbc92 rgb(91,188,146)
```
#5bbc9a
```
#5bbc9a rgb(91,188,154)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#5bbcaa
```
#5bbcaa rgb(91,188,170)
```
#5bbcb2
```
#5bbcb2 rgb(91,188,178)
```
#5bbcba
```
#5bbcba rgb(91,188,186)
```

Similar Colors

Text with hexadecimal color #5bbca2

This text has a font color of #5bbca2.

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

#5bbca2 background color

This paragraph has a background color of #5bbca2.

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

#5bbca2 border color

This element has a border color of #5bbca2.

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

CSS codes

.text {color:#5bbca2;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110e
```
#07110e rgb(7,17,14)
```
#0d1f1a
```
#0d1f1a rgb(13,31,26)
```
#122d26
```
#122d26 rgb(18,45,38)
```
#183b31
```
#183b31 rgb(24,59,49)
```
#1e493d
```
#1e493d rgb(30,73,61)
```
#235749
```
#235749 rgb(35,87,73)
```
#296555
```
#296555 rgb(41,101,85)
```
#2f7360
```
#2f7360 rgb(47,115,96)
```
#34806c
```
#34806c rgb(52,128,108)
```
#3a8e78
```
#3a8e78 rgb(58,142,120)
```
#409c84
```
#409c84 rgb(64,156,132)
```
#46aa8f
```
#46aa8f rgb(70,170,143)
```

Shade Color Variation

#4db69a
```
#4db69a rgb(77,182,154)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#69c2aa
```
#69c2aa rgb(105,194,170)
```
#77c7b2
```
#77c7b2 rgb(119,199,178)
```
#85cdba
```
#85cdba rgb(133,205,186)
```
#93d3c2
```
#93d3c2 rgb(147,211,194)
```
#a1d8c9
```
#a1d8c9 rgb(161,216,201)
```
#afded1
```
#afded1 rgb(175,222,209)
```
#bce4d9
```
#bce4d9 rgb(188,228,217)
```
#caeae1
```
#caeae1 rgb(202,234,225)
```
#d8efe9
```
#d8efe9 rgb(216,239,233)
```
#e6f5f1
```
#e6f5f1 rgb(230,245,241)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87908d is the less saturated color, while #1dfabf is the most saturated one.

#87908d
```
#87908d rgb(135,144,141)
```
#7f9892
```
#7f9892 rgb(127,152,146)
```
#76a196
```
#76a196 rgb(118,161,150)
```
#6daa9a
```
#6daa9a rgb(109,170,154)
```
#64b39e
```
#64b39e rgb(100,179,158)
```
#5bbca2
```
#5bbca2 rgb(91,188,162)
```
#52c5a6
```
#52c5a6 rgb(82,197,166)
```
#49ceaa
```
#49ceaa rgb(73,206,170)
```
#40d7ae
```
#40d7ae rgb(64,215,174)
```
#37e0b2
```
#37e0b2 rgb(55,224,178)
```
#2fe8b7
```
#2fe8b7 rgb(47,232,183)
```
#26f1bb
```
#26f1bb rgb(38,241,187)
```
#1dfabf
```
#1dfabf rgb(29,250,191)
```

Tone Color Variation

Below, you can see how #5bbca2 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
#8fa29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ae9e Protanopia 1% of men
#c0aaae Deuteranopia 1% of men
#70bac8 Tritanopia 0.001% of the population

Trichromacy

#95b39f Protanomaly 1% of men, 0.01% of women
#9bb0a9 Deuteranomaly 6% of men, 0.4% of women
#68bbba Tritanomaly 0.01% of the population

#5bbca2 hex color

#5bbca2 Color Information

#5bbca2 Color Conversion

Color Schemes with #5bbca2

Alternatives to #5bbca2

#5bbca2 Preview

Shades and Tints of #5bbca2

Tones of #5bbca2

Color Blindness Simulator