colorhexa.com

#5bcec2 hex color

In a RGB color space, hex #5bcec2 is composed of 35.7% red, 80.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 5.8% yellow and 19.2% black. It has a hue angle of 173.7 degrees, a saturation of 54% and a lightness of 58.2%. #5bcec2 color hex could be obtained by blending #b6ffff with #009d85. Closest websafe color is: #66cccc.

- R 36
- G 81
- B 76
RGB color chart
- C 56
- M 0
- Y 6
- K 19
CMYK color chart

● #5bcec2 color description : Moderate cyan.

The hexadecimal color #5bcec2 has RGB values of R:91, G:206, B:194 and CMYK values of C:0.56, M:0, Y:0.06, K:0.19. Its decimal value is 6016706.

Hex triplet	5bcec2	`#5bcec2`
RGB Decimal	91, 206, 194	`rgb(91,206,194)`
RGB Percent	35.7, 80.8, 76.1	`rgb(35.7%,80.8%,76.1%)`
CMYK	56, 0, 6, 19
HSL	173.7°, 54, 58.2	`hsl(173.7,54%,58.2%)`
HSV (or HSB)	173.7°, 55.8, 80.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.228, -35.368, -3.885
XYZ	36.12, 50.259, 58.833
xyY	0.249, 0.346, 50.259
CIE-LCH	76.228, 35.581, 186.269
CIE-LUV	76.228, -47.915, -0.327
Hunter-Lab	70.894, -33.118, 0.422
Binary	01011011, 11001110, 11000010

#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#ce5b67
```
#ce5b67 rgb(206,91,103)
```

Complementary Color

#5bce89
```
#5bce89 rgb(91,206,137)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#5ba1ce
```
#5ba1ce rgb(91,161,206)
```

Analogous Color

#ce895b
```
#ce895b rgb(206,137,91)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#ce5ba1
```
#ce5ba1 rgb(206,91,161)
```

Split Complementary Color

#cec25b
```
#cec25b rgb(206,194,91)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#c25bce
```
#c25bce rgb(194,91,206)
```

Triadic Color

#67ce5b
```
#67ce5b rgb(103,206,91)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#c25bce
```
#c25bce rgb(194,91,206)
```
#ce5b67
```
#ce5b67 rgb(206,91,103)
```

Tetradic Color

#33aa9d
```
#33aa9d rgb(51,170,157)
```
#39bdb0
```
#39bdb0 rgb(57,189,176)
```
#47c8bb
```
#47c8bb rgb(71,200,187)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#6fd4c9
```
#6fd4c9 rgb(111,212,201)
```
#82dad1
```
#82dad1 rgb(130,218,209)
```
#96e0d8
```
#96e0d8 rgb(150,224,216)
```

Monochromatic Color

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

#5bcea5
```
#5bcea5 rgb(91,206,165)
```
#5bceaf
```
#5bceaf rgb(91,206,175)
```
#5bceb8
```
#5bceb8 rgb(91,206,184)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#5bcecc
```
#5bcecc rgb(91,206,204)
```
#5bc7ce
```
#5bc7ce rgb(91,199,206)
```
#5bbdce
```
#5bbdce rgb(91,189,206)
```

Similar Colors

Text with hexadecimal color #5bcec2

This text has a font color of #5bcec2.

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

#5bcec2 background color

This paragraph has a background color of #5bcec2.

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

#5bcec2 border color

This element has a border color of #5bcec2.

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

CSS codes

.text {color:#5bcec2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#0a201e
```
#0a201e rgb(10,32,30)
```
#0e2f2c
```
#0e2f2c rgb(14,47,44)
```
#133f3a
```
#133f3a rgb(19,63,58)
```
#174e48
```
#174e48 rgb(23,78,72)
```
#1c5d56
```
#1c5d56 rgb(28,93,86)
```
#206c64
```
#206c64 rgb(32,108,100)
```
#257b72
```
#257b72 rgb(37,123,114)
```
#298a80
```
#298a80 rgb(41,138,128)
```
#2e998e
```
#2e998e rgb(46,153,142)
```
#32a89c
```
#32a89c rgb(50,168,156)
```
#37b7aa
```
#37b7aa rgb(55,183,170)
```

Shade Color Variation

#3dc5b7
```
#3dc5b7 rgb(61,197,183)
```
#4cc9bc
```
#4cc9bc rgb(76,201,188)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#6ad3c8
```
#6ad3c8 rgb(106,211,200)
```
#79d7cd
```
#79d7cd rgb(121,215,205)
```
#88dcd3
```
#88dcd3 rgb(136,220,211)
```
#97e0d8
```
#97e0d8 rgb(151,224,216)
```
#a7e5de
```
#a7e5de rgb(167,229,222)
```
#b6e9e4
```
#b6e9e4 rgb(182,233,228)
```
#c5eee9
```
#c5eee9 rgb(197,238,233)
```
#d4f2ef
```
#d4f2ef rgb(212,242,239)
```
#e3f7f5
```
#e3f7f5 rgb(227,247,245)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

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

#949595
```
#949595 rgb(148,149,149)
```
#8c9d9b
```
#8c9d9b rgb(140,157,155)
```
#84a5a2
```
#84a5a2 rgb(132,165,162)
```
#7cada8
```
#7cada8 rgb(124,173,168)
```
#74b5af
```
#74b5af rgb(116,181,175)
```
#6bbeb5
```
#6bbeb5 rgb(107,190,181)
```
#63c6bc
```
#63c6bc rgb(99,198,188)
```
#5bcec2
```
#5bcec2 rgb(91,206,194)
```
#53d6c8
```
#53d6c8 rgb(83,214,200)
```
#4bdecf
```
#4bdecf rgb(75,222,207)
```
#42e7d5
```
#42e7d5 rgb(66,231,213)
```
#3aefdc
```
#3aefdc rgb(58,239,220)
```
#32f7e2
```
#32f7e2 rgb(50,247,226)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9ab1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bebb Protanopia 1% of men
#cabacd Deuteranopia 1% of men
#6ecddb Tritanopia 0.001% of the population

Trichromacy

#9dc4bd Protanomaly 1% of men, 0.01% of women
#a2c1c9 Deuteranomaly 6% of men, 0.4% of women
#67cdd2 Tritanomaly 0.01% of the population