#56a2ae hex color

In a RGB color space, hex #56a2ae is composed of 33.7% red, 63.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 6.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 188.2 degrees, a saturation of 35.2% and a lightness of 51%. #56a2ae color hex could be obtained by blending #acffff with #00455d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 64
- B 68
RGB color chart
- C 51
- M 7
- Y 0
- K 32
CMYK color chart

● #56a2ae color description : Dark moderate cyan.

The hexadecimal color #56a2ae has RGB values of R:86, G:162, B:174 and CMYK values of C:0.51, M:0.07, Y:0, K:0.32. Its decimal value is 5677742.

Hex triplet	56a2ae	`#56a2ae`
RGB Decimal	86, 162, 174	`rgb(86,162,174)`
RGB Percent	33.7, 63.5, 68.2	`rgb(33.7%,63.5%,68.2%)`
CMYK	51, 7, 0, 32
HSL	188.2°, 35.2, 51	`hsl(188.2,35.2%,51%)`
HSV (or HSB)	188.2°, 50.6, 68.2
Web Safe	669999	`#669999`

CIE-LAB	62.401, -20.176, -13.487
XYZ	24.396, 30.873, 44.716
xyY	0.244, 0.309, 30.873
CIE-LCH	62.401, 24.269, 213.762
CIE-LUV	62.401, -33.148, -17.327
Hunter-Lab	55.564, -18.864, -8.82
Binary	01010110, 10100010, 10101110

#56a2ae
```
#56a2ae rgb(86,162,174)
```
#ae6256
```
#ae6256 rgb(174,98,86)
```

Complementary Color

#56ae8e
```
#56ae8e rgb(86,174,142)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#5676ae
```
#5676ae rgb(86,118,174)
```

Analogous Color

#ae8e56
```
#ae8e56 rgb(174,142,86)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#ae5676
```
#ae5676 rgb(174,86,118)
```

Split Complementary Color

#a2ae56
```
#a2ae56 rgb(162,174,86)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#ae56a2
```
#ae56a2 rgb(174,86,162)
```

Triadic Color

#56ae62
```
#56ae62 rgb(86,174,98)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#ae56a2
```
#ae56a2 rgb(174,86,162)
```
#ae6256
```
#ae6256 rgb(174,98,86)
```

Tetradic Color

#3b737c
```
#3b737c rgb(59,115,124)
```
#44838d
```
#44838d rgb(68,131,141)
```
#4c939f
```
#4c939f rgb(76,147,159)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#67abb6
```
#67abb6 rgb(103,171,182)
```
#78b5bf
```
#78b5bf rgb(120,181,191)
```
#8abec7
```
#8abec7 rgb(138,190,199)
```

Monochromatic Color

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

#56aea4
```
#56aea4 rgb(86,174,164)
```
#56aeab
```
#56aeab rgb(86,174,171)
```
#56a9ae
```
#56a9ae rgb(86,169,174)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#569bae
```
#569bae rgb(86,155,174)
```
#5693ae
```
#5693ae rgb(86,147,174)
```
#568cae
```
#568cae rgb(86,140,174)
```

Similar Colors

Text with hexadecimal color #56a2ae

This text has a font color of #56a2ae.

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

#56a2ae background color

This paragraph has a background color of #56a2ae.

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

#56a2ae border color

This element has a border color of #56a2ae.

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

CSS codes

.text {color:#56a2ae;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1c1e
```
#0e1c1e rgb(14,28,30)
```
#15282b
```
#15282b rgb(21,40,43)
```
#1b3438
```
#1b3438 rgb(27,52,56)
```
#214146
```
#214146 rgb(33,65,70)
```
#284d53
```
#284d53 rgb(40,77,83)
```
#2e5960
```
#2e5960 rgb(46,89,96)
```
#34666d
```
#34666d rgb(52,102,109)
```
#3b727b
```
#3b727b rgb(59,114,123)
```
#417e88
```
#417e88 rgb(65,126,136)
```
#488b95
```
#488b95 rgb(72,139,149)
```
#4e97a3
```
#4e97a3 rgb(78,151,163)
```

Shade Color Variation

#56a2ae
```
#56a2ae rgb(86,162,174)
```
#63a9b4
```
#63a9b4 rgb(99,169,180)
```
#71b1bb
```
#71b1bb rgb(113,177,187)
```
#7eb8c1
```
#7eb8c1 rgb(126,184,193)
```
#8bbfc7
```
#8bbfc7 rgb(139,191,199)
```
#98c6ce
```
#98c6ce rgb(152,198,206)
```
#a6ced4
```
#a6ced4 rgb(166,206,212)
```
#b3d5da
```
#b3d5da rgb(179,213,218)
```
#c0dce1
```
#c0dce1 rgb(192,220,225)
```
#cde4e7
```
#cde4e7 rgb(205,228,231)
```
#dbebee
```
#dbebee rgb(219,235,238)
```
#e8f2f4
```
#e8f2f4 rgb(232,242,244)
```
#f5fafa
```
#f5fafa rgb(245,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8688 is the less saturated color, while #09dafb is the most saturated one.

#7c8688
```
#7c8688 rgb(124,134,136)
```
#738d91
```
#738d91 rgb(115,141,145)
```
#69949b
```
#69949b rgb(105,148,155)
```
#609ba4
```
#609ba4 rgb(96,155,164)
```
#56a2ae
```
#56a2ae rgb(86,162,174)
```
#4ca9b8
```
#4ca9b8 rgb(76,169,184)
```
#43b0c1
```
#43b0c1 rgb(67,176,193)
```
#39b7cb
```
#39b7cb rgb(57,183,203)
```
#30bed4
```
#30bed4 rgb(48,190,212)
```
#26c5de
```
#26c5de rgb(38,197,222)
```
#1ccce8
```
#1ccce8 rgb(28,204,232)
```
#13d3f1
```
#13d3f1 rgb(19,211,241)
```
#09dafb
```
#09dafb rgb(9,218,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#829194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9bab Protanopia 1% of men
#9c98b7 Deuteranopia 1% of men
#5fa6b2 Tritanopia 0.001% of the population

Trichromacy

#819dac Protanomaly 1% of men, 0.01% of women
#839cb3 Deuteranomaly 6% of men, 0.4% of women
#5ba5b1 Tritanomaly 0.01% of the population

#56a2ae hex color

#56a2ae Color Information

#56a2ae Color Conversion

Color Schemes with #56a2ae

Alternatives to #56a2ae

#56a2ae Preview

Shades and Tints of #56a2ae

Tones of #56a2ae

Color Blindness Simulator