#56a1ae hex color

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

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

● #56a1ae color description : Dark moderate cyan.

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

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

CIE-LAB	62.103, -19.654, -13.936
XYZ	24.221, 30.523, 44.657
xyY	0.244, 0.307, 30.523
CIE-LCH	62.103, 24.094, 215.34
CIE-LUV	62.103, -32.755, -18.094
Hunter-Lab	55.247, -18.428, -9.252
Binary	01010110, 10100001, 10101110

#56a1ae
```
#56a1ae rgb(86,161,174)
```
#ae6356
```
#ae6356 rgb(174,99,86)
```

Complementary Color

#56ae8f
```
#56ae8f rgb(86,174,143)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#5675ae
```
#5675ae rgb(86,117,174)
```

Analogous Color

#ae8f56
```
#ae8f56 rgb(174,143,86)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#ae5675
```
#ae5675 rgb(174,86,117)
```

Split Complementary Color

#a1ae56
```
#a1ae56 rgb(161,174,86)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#ae56a1
```
#ae56a1 rgb(174,86,161)
```

Triadic Color

#56ae63
```
#56ae63 rgb(86,174,99)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#ae56a1
```
#ae56a1 rgb(174,86,161)
```
#ae6356
```
#ae6356 rgb(174,99,86)
```

Tetradic Color

#3b737c
```
#3b737c rgb(59,115,124)
```
#44828d
```
#44828d rgb(68,130,141)
```
#4c929f
```
#4c929f rgb(76,146,159)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#67abb6
```
#67abb6 rgb(103,171,182)
```
#78b4bf
```
#78b4bf rgb(120,180,191)
```
#8abec7
```
#8abec7 rgb(138,190,199)
```

Monochromatic Color

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

#56aea5
```
#56aea5 rgb(86,174,165)
```
#56aeac
```
#56aeac rgb(86,174,172)
```
#56a8ae
```
#56a8ae rgb(86,168,174)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#569aae
```
#569aae rgb(86,154,174)
```
#5692ae
```
#5692ae rgb(86,146,174)
```
#568bae
```
#568bae rgb(86,139,174)
```

Similar Colors

Text with hexadecimal color #56a1ae

This text has a font color of #56a1ae.

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

#56a1ae background color

This paragraph has a background color of #56a1ae.

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

#56a1ae border color

This element has a border color of #56a1ae.

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

CSS codes

.text {color:#56a1ae;}

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

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

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)
```
#214046
```
#214046 rgb(33,64,70)
```
#284d53
```
#284d53 rgb(40,77,83)
```
#2e5960
```
#2e5960 rgb(46,89,96)
```
#34656d
```
#34656d rgb(52,101,109)
```
#3b717b
```
#3b717b rgb(59,113,123)
```
#417e88
```
#417e88 rgb(65,126,136)
```
#488a95
```
#488a95 rgb(72,138,149)
```
#4e96a3
```
#4e96a3 rgb(78,150,163)
```

Shade Color Variation

#56a1ae
```
#56a1ae rgb(86,161,174)
```
#63a8b4
```
#63a8b4 rgb(99,168,180)
```
#71b0bb
```
#71b0bb rgb(113,176,187)
```
#7eb7c1
```
#7eb7c1 rgb(126,183,193)
```
#8bbfc7
```
#8bbfc7 rgb(139,191,199)
```
#98c6ce
```
#98c6ce rgb(152,198,206)
```
#a6cdd4
```
#a6cdd4 rgb(166,205,212)
```
#b3d5da
```
#b3d5da rgb(179,213,218)
```
#c0dce1
```
#c0dce1 rgb(192,220,225)
```
#cde3e7
```
#cde3e7 rgb(205,227,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 #09d7fb is the most saturated one.

#7c8688
```
#7c8688 rgb(124,134,136)
```
#738d91
```
#738d91 rgb(115,141,145)
```
#69939b
```
#69939b rgb(105,147,155)
```
#609aa4
```
#609aa4 rgb(96,154,164)
```
#56a1ae
```
#56a1ae rgb(86,161,174)
```
#4ca8b8
```
#4ca8b8 rgb(76,168,184)
```
#43afc1
```
#43afc1 rgb(67,175,193)
```
#39b5cb
```
#39b5cb rgb(57,181,203)
```
#30bcd4
```
#30bcd4 rgb(48,188,212)
```
#26c3de
```
#26c3de rgb(38,195,222)
```
#1ccae8
```
#1ccae8 rgb(28,202,232)
```
#13d0f1
```
#13d0f1 rgb(19,208,241)
```
#09d7fb
```
#09d7fb rgb(9,215,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#819093 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999aab Protanopia 1% of men
#9b98b7 Deuteranopia 1% of men
#5ea5b2 Tritanopia 0.001% of the population

Trichromacy

#809cac Protanomaly 1% of men, 0.01% of women
#829bb3 Deuteranomaly 6% of men, 0.4% of women
#5ba4b0 Tritanomaly 0.01% of the population

#56a1ae hex color

#56a1ae Color Information

#56a1ae Color Conversion

Color Schemes with #56a1ae

Alternatives to #56a1ae

#56a1ae Preview

Shades and Tints of #56a1ae

Tones of #56a1ae

Color Blindness Simulator