#56b7a5 hex color

In a RGB color space, hex #56b7a5 is composed of 33.7% red, 71.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 0% magenta, 9.8% yellow and 28.2% black. It has a hue angle of 168.9 degrees, a saturation of 40.2% and a lightness of 52.7%. #56b7a5 color hex could be obtained by blending #acffff with #006f4b. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 34
- G 72
- B 65
RGB color chart
- C 53
- M 0
- Y 10
- K 28
CMYK color chart

● #56b7a5 color description : Moderate cyan.

The hexadecimal color #56b7a5 has RGB values of R:86, G:183, B:165 and CMYK values of C:0.53, M:0, Y:0.1, K:0.28. Its decimal value is 5683109.

Hex triplet	56b7a5	`#56b7a5`
RGB Decimal	86, 183, 165	`rgb(86,183,165)`
RGB Percent	33.7, 71.8, 64.7	`rgb(33.7%,71.8%,64.7%)`
CMYK	53, 0, 10, 28
HSL	168.9°, 40.2, 52.7	`hsl(168.9,40.2%,52.7%)`
HSV (or HSB)	168.9°, 53, 71.8
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.431, -32.985, 0.463
XYZ	27.561, 38.56, 41.586
xyY	0.256, 0.358, 38.56
CIE-LCH	68.431, 32.988, 179.195
CIE-LUV	68.431, -41.786, 5.866
Hunter-Lab	62.097, -29.445, 3.762
Binary	01010110, 10110111, 10100101

#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#b75668
```
#b75668 rgb(183,86,104)
```

Complementary Color

#56b775
```
#56b775 rgb(86,183,117)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#5699b7
```
#5699b7 rgb(86,153,183)
```

Analogous Color

#b77556
```
#b77556 rgb(183,117,86)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#b75699
```
#b75699 rgb(183,86,153)
```

Split Complementary Color

#b7a556
```
#b7a556 rgb(183,165,86)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#a556b7
```
#a556b7 rgb(165,86,183)
```

Triadic Color

#68b756
```
#68b756 rgb(104,183,86)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#a556b7
```
#a556b7 rgb(165,86,183)
```
#b75668
```
#b75668 rgb(183,86,104)
```

Tetradic Color

#3a8779
```
#3a8779 rgb(58,135,121)
```
#419989
```
#419989 rgb(65,153,137)
```
#49ab99
```
#49ab99 rgb(73,171,153)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#68bfaf
```
#68bfaf rgb(104,191,175)
```
#7ac6b8
```
#7ac6b8 rgb(122,198,184)
```
#8ccec2
```
#8ccec2 rgb(140,206,194)
```

Monochromatic Color

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

#56b78d
```
#56b78d rgb(86,183,141)
```
#56b795
```
#56b795 rgb(86,183,149)
```
#56b79d
```
#56b79d rgb(86,183,157)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#56b7ad
```
#56b7ad rgb(86,183,173)
```
#56b7b5
```
#56b7b5 rgb(86,183,181)
```
#56b1b7
```
#56b1b7 rgb(86,177,183)
```

Similar Colors

Text with hexadecimal color #56b7a5

This text has a font color of #56b7a5.

<span style="color:#56b7a5;">Text here</span>

#56b7a5 background color

This paragraph has a background color of #56b7a5.

<p style="background-color:#56b7a5;">Content here</p>

#56b7a5 border color

This element has a border color of #56b7a5.

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

CSS codes

.text {color:#56b7a5;}

.background {background-color:#56b7a5;}

.border {border:1px solid #56b7a5;}

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

#040a09
```
#040a09 rgb(4,10,9)
```
#0a1815
```
#0a1815 rgb(10,24,21)
```
#102521
```
#102521 rgb(16,37,33)
```
#16332e
```
#16332e rgb(22,51,46)
```
#1c413a
```
#1c413a rgb(28,65,58)
```
#214f46
```
#214f46 rgb(33,79,70)
```
#275c53
```
#275c53 rgb(39,92,83)
```
#2d6a5f
```
#2d6a5f rgb(45,106,95)
```
#33786b
```
#33786b rgb(51,120,107)
```
#398677
```
#398677 rgb(57,134,119)
```
#3f9384
```
#3f9384 rgb(63,147,132)
```
#45a190
```
#45a190 rgb(69,161,144)
```
#4baf9c
```
#4baf9c rgb(75,175,156)
```

Shade Color Variation

#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#64bdac
```
#64bdac rgb(100,189,172)
```
#72c3b4
```
#72c3b4 rgb(114,195,180)
```
#7fc9bb
```
#7fc9bb rgb(127,201,187)
```
#8dcec2
```
#8dcec2 rgb(141,206,194)
```
#9bd4ca
```
#9bd4ca rgb(155,212,202)
```
#a9dad1
```
#a9dad1 rgb(169,218,209)
```
#b6e0d8
```
#b6e0d8 rgb(182,224,216)
```
#c4e6e0
```
#c4e6e0 rgb(196,230,224)
```
#d2ece7
```
#d2ece7 rgb(210,236,231)
```
#e0f2ee
```
#e0f2ee rgb(224,242,238)
```
#edf7f6
```
#edf7f6 rgb(237,247,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#848988
```
#848988 rgb(132,137,136)
```
#7b928e
```
#7b928e rgb(123,146,142)
```
#729b94
```
#729b94 rgb(114,155,148)
```
#69a499
```
#69a499 rgb(105,164,153)
```
#5fae9f
```
#5fae9f rgb(95,174,159)
```
#56b7a5
```
#56b7a5 rgb(86,183,165)
```
#4dc0ab
```
#4dc0ab rgb(77,192,171)
```
#43cab1
```
#43cab1 rgb(67,202,177)
```
#3ad3b6
```
#3ad3b6 rgb(58,211,182)
```
#31dcbc
```
#31dcbc rgb(49,220,188)
```
#28e5c2
```
#28e5c2 rgb(40,229,194)
```
#1eefc8
```
#1eefc8 rgb(30,239,200)
```
#15f8ce
```
#15f8ce rgb(21,248,206)
```

Tone Color Variation

Below, you can see how #56b7a5 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

#989898 Achromatopsia 0.005% of the population
#8b9e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aaa1 Protanopia 1% of men
#b8a6b0 Deuteranopia 1% of men
#69b6c4 Tritanopia 0.001% of the population

Trichromacy

#8fafa2 Protanomaly 1% of men, 0.01% of women
#94acac Deuteranomaly 6% of men, 0.4% of women
#62b6b8 Tritanomaly 0.01% of the population

#56b7a5 hex color

#56b7a5 Color Information

#56b7a5 Color Conversion

Color Schemes with #56b7a5

Alternatives to #56b7a5

#56b7a5 Preview

Shades and Tints of #56b7a5

Tones of #56b7a5

Color Blindness Simulator