#5bb4a2 hex color

In a RGB color space, hex #5bb4a2 is composed of 35.7% red, 70.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 10% yellow and 29.4% black. It has a hue angle of 167.9 degrees, a saturation of 37.2% and a lightness of 53.1%. #5bb4a2 color hex could be obtained by blending #b6ffff with #006945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 71
- B 64
RGB color chart
- C 49
- M 0
- Y 10
- K 29
CMYK color chart

● #5bb4a2 color description : Slightly desaturated cyan.

The hexadecimal color #5bb4a2 has RGB values of R:91, G:180, B:162 and CMYK values of C:0.49, M:0, Y:0.1, K:0.29. Its decimal value is 6010018.

Hex triplet	5bb4a2	`#5bb4a2`
RGB Decimal	91, 180, 162	`rgb(91,180,162)`
RGB Percent	35.7, 70.6, 63.5	`rgb(35.7%,70.6%,63.5%)`
CMYK	49, 0, 10, 29
HSL	167.9°, 37.2, 53.1	`hsl(167.9,37.2%,53.1%)`
HSV (or HSB)	167.9°, 49.4, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.631, -31.165, 0.972
XYZ	27.155, 37.473, 39.983
xyY	0.26, 0.358, 37.473
CIE-LCH	67.631, 31.18, 178.213
CIE-LUV	67.631, -39.284, 6.341
Hunter-Lab	61.216, -27.945, 4.126
Binary	01011011, 10110100, 10100010

#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#b45b6d
```
#b45b6d rgb(180,91,109)
```

Complementary Color

#5bb476
```
#5bb476 rgb(91,180,118)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#5b9ab4
```
#5b9ab4 rgb(91,154,180)
```

Analogous Color

#b4765b
```
#b4765b rgb(180,118,91)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#b45b9a
```
#b45b9a rgb(180,91,154)
```

Split Complementary Color

#b4a25b
```
#b4a25b rgb(180,162,91)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#a25bb4
```
#a25bb4 rgb(162,91,180)
```

Triadic Color

#6db45b
```
#6db45b rgb(109,180,91)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#a25bb4
```
#a25bb4 rgb(162,91,180)
```
#b45b6d
```
#b45b6d rgb(180,91,109)
```

Tetradic Color

#3d8577
```
#3d8577 rgb(61,133,119)
```
#459786
```
#459786 rgb(69,151,134)
```
#4da896
```
#4da896 rgb(77,168,150)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#6cbcac
```
#6cbcac rgb(108,188,172)
```
#7ec4b6
```
#7ec4b6 rgb(126,196,182)
```
#8fccc0
```
#8fccc0 rgb(143,204,192)
```

Monochromatic Color

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

#5bb48c
```
#5bb48c rgb(91,180,140)
```
#5bb493
```
#5bb493 rgb(91,180,147)
```
#5bb49b
```
#5bb49b rgb(91,180,155)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#5bb4a9
```
#5bb4a9 rgb(91,180,169)
```
#5bb4b1
```
#5bb4b1 rgb(91,180,177)
```
#5bb0b4
```
#5bb0b4 rgb(91,176,180)
```

Similar Colors

Text with hexadecimal color #5bb4a2

This text has a font color of #5bb4a2.

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

#5bb4a2 background color

This paragraph has a background color of #5bb4a2.

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

#5bb4a2 border color

This element has a border color of #5bb4a2.

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

CSS codes

.text {color:#5bb4a2;}

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

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

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, #050b0a is the darkest color, while #fdfefe is the lightest one.

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1816
```
#0b1816 rgb(11,24,22)
```
#112622
```
#112622 rgb(17,38,34)
```
#17332e
```
#17332e rgb(23,51,46)
```
#1e413a
```
#1e413a rgb(30,65,58)
```
#244e46
```
#244e46 rgb(36,78,70)
```
#2a5c52
```
#2a5c52 rgb(42,92,82)
```
#30695e
```
#30695e rgb(48,105,94)
```
#36776a
```
#36776a rgb(54,119,106)
```
#3c8476
```
#3c8476 rgb(60,132,118)
```
#439282
```
#439282 rgb(67,146,130)
```
#499f8e
```
#499f8e rgb(73,159,142)
```
#4fac9a
```
#4fac9a rgb(79,172,154)
```

Shade Color Variation

#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#68baaa
```
#68baaa rgb(104,186,170)
```
#76c0b1
```
#76c0b1 rgb(118,192,177)
```
#83c6b9
```
#83c6b9 rgb(131,198,185)
```
#91cdc1
```
#91cdc1 rgb(145,205,193)
```
#9ed3c8
```
#9ed3c8 rgb(158,211,200)
```
#acd9d0
```
#acd9d0 rgb(172,217,208)
```
#b9dfd7
```
#b9dfd7 rgb(185,223,215)
```
#c7e5df
```
#c7e5df rgb(199,229,223)
```
#d4ebe7
```
#d4ebe7 rgb(212,235,231)
```
#e2f2ee
```
#e2f2ee rgb(226,242,238)
```
#eff8f6
```
#eff8f6 rgb(239,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808f8c is the less saturated color, while #11fece is the most saturated one.

#808f8c
```
#808f8c rgb(128,143,140)
```
#779892
```
#779892 rgb(119,152,146)
```
#6da297
```
#6da297 rgb(109,162,151)
```
#64ab9d
```
#64ab9d rgb(100,171,157)
```
#5bb4a2
```
#5bb4a2 rgb(91,180,162)
```
#52bda7
```
#52bda7 rgb(82,189,167)
```
#49c6ad
```
#49c6ad rgb(73,198,173)
```
#3fd0b2
```
#3fd0b2 rgb(63,208,178)
```
#36d9b8
```
#36d9b8 rgb(54,217,184)
```
#2de2bd
```
#2de2bd rgb(45,226,189)
```
#24ebc3
```
#24ebc3 rgb(36,235,195)
```
#1bf4c8
```
#1bf4c8 rgb(27,244,200)
```
#11fece
```
#11fece rgb(17,254,206)
```

Tone Color Variation

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

Dichromacy

#aea89f Protanopia 1% of men
#b7a4ad Deuteranopia 1% of men
#6db3c1 Tritanopia 0.001% of the population

Trichromacy

#90aca0 Protanomaly 1% of men, 0.01% of women
#95aaa9 Deuteranomaly 6% of men, 0.4% of women
#66b3b5 Tritanomaly 0.01% of the population

#5bb4a2 hex color

#5bb4a2 Color Information

#5bb4a2 Color Conversion

Color Schemes with #5bb4a2

Alternatives to #5bb4a2

#5bb4a2 Preview

Shades and Tints of #5bb4a2

Tones of #5bb4a2

Color Blindness Simulator