#56a2aa hex color

In a RGB color space, hex #56a2aa is composed of 33.7% red, 63.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 4.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 185.7 degrees, a saturation of 33.1% and a lightness of 50.2%. #56a2aa color hex could be obtained by blending #acffff with #004555. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 64
- B 67
RGB color chart
- C 49
- M 5
- Y 0
- K 33
CMYK color chart

● #56a2aa color description : Dark moderate cyan.

The hexadecimal color #56a2aa has RGB values of R:86, G:162, B:170 and CMYK values of C:0.49, M:0.05, Y:0, K:0.33. Its decimal value is 5677738.

Hex triplet	56a2aa	`#56a2aa`
RGB Decimal	86, 162, 170	`rgb(86,162,170)`
RGB Percent	33.7, 63.5, 66.7	`rgb(33.7%,63.5%,66.7%)`
CMYK	49, 5, 0, 33
HSL	185.7°, 33.1, 50.2	`hsl(185.7,33.1%,50.2%)`
HSV (or HSB)	185.7°, 49.4, 66.7
Web Safe	669999	`#669999`

CIE-LAB	62.27, -21.291, -11.435
XYZ	24.012, 30.72, 42.692
xyY	0.246, 0.315, 30.72
CIE-LCH	62.27, 24.167, 208.239
CIE-LUV	62.27, -33.293, -13.946
Hunter-Lab	55.425, -19.664, -6.871
Binary	01010110, 10100010, 10101010

#56a2aa
```
#56a2aa rgb(86,162,170)
```
#aa5e56
```
#aa5e56 rgb(170,94,86)
```

Complementary Color

#56aa88
```
#56aa88 rgb(86,170,136)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#5678aa
```
#5678aa rgb(86,120,170)
```

Analogous Color

#aa8856
```
#aa8856 rgb(170,136,86)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#aa5678
```
#aa5678 rgb(170,86,120)
```

Split Complementary Color

#a2aa56
```
#a2aa56 rgb(162,170,86)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#aa56a2
```
#aa56a2 rgb(170,86,162)
```

Triadic Color

#56aa5e
```
#56aa5e rgb(86,170,94)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#aa56a2
```
#aa56a2 rgb(170,86,162)
```
#aa5e56
```
#aa5e56 rgb(170,94,86)
```

Tetradic Color

#3c7277
```
#3c7277 rgb(60,114,119)
```
#458288
```
#458288 rgb(69,130,136)
```
#4d9299
```
#4d9299 rgb(77,146,153)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#67abb3
```
#67abb3 rgb(103,171,179)
```
#78b5bb
```
#78b5bb rgb(120,181,187)
```
#89bec4
```
#89bec4 rgb(137,190,196)
```

Monochromatic Color

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

#56aa9d
```
#56aa9d rgb(86,170,157)
```
#56aaa4
```
#56aaa4 rgb(86,170,164)
```
#56a9aa
```
#56a9aa rgb(86,169,170)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#569baa
```
#569baa rgb(86,155,170)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#568daa
```
#568daa rgb(86,141,170)
```

Similar Colors

Text with hexadecimal color #56a2aa

This text has a font color of #56a2aa.

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

#56a2aa background color

This paragraph has a background color of #56a2aa.

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

#56a2aa border color

This element has a border color of #56a2aa.

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

CSS codes

.text {color:#56a2aa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0d1a1b
```
#0d1a1b rgb(13,26,27)
```
#142628
```
#142628 rgb(20,38,40)
```
#1b3235
```
#1b3235 rgb(27,50,53)
```
#213f42
```
#213f42 rgb(33,63,66)
```
#284b4f
```
#284b4f rgb(40,75,79)
```
#2e585c
```
#2e585c rgb(46,88,92)
```
#356469
```
#356469 rgb(53,100,105)
```
#3b7176
```
#3b7176 rgb(59,113,118)
```
#427d83
```
#427d83 rgb(66,125,131)
```
#498990
```
#498990 rgb(73,137,144)
```
#4f969d
```
#4f969d rgb(79,150,157)
```

Shade Color Variation

#56a2aa
```
#56a2aa rgb(86,162,170)
```
#63a9b1
```
#63a9b1 rgb(99,169,177)
```
#70b0b7
```
#70b0b7 rgb(112,176,183)
```
#7db8be
```
#7db8be rgb(125,184,190)
```
#8abfc4
```
#8abfc4 rgb(138,191,196)
```
#97c6cb
```
#97c6cb rgb(151,198,203)
```
#a4cdd1
```
#a4cdd1 rgb(164,205,209)
```
#b1d4d8
```
#b1d4d8 rgb(177,212,216)
```
#bedbdf
```
#bedbdf rgb(190,219,223)
```
#cbe3e5
```
#cbe3e5 rgb(203,227,229)
```
#d9eaec
```
#d9eaec rgb(217,234,236)
```
#e6f1f2
```
#e6f1f2 rgb(230,241,242)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

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

#7d8283
```
#7d8283 rgb(125,130,131)
```
#738a8d
```
#738a8d rgb(115,138,141)
```
#6a9296
```
#6a9296 rgb(106,146,150)
```
#609aa0
```
#609aa0 rgb(96,154,160)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#4caab4
```
#4caab4 rgb(76,170,180)
```
#42b2be
```
#42b2be rgb(66,178,190)
```
#39bac7
```
#39bac7 rgb(57,186,199)
```
#2fc2d1
```
#2fc2d1 rgb(47,194,209)
```
#25cadb
```
#25cadb rgb(37,202,219)
```
#1bd1e5
```
#1bd1e5 rgb(27,209,229)
```
#12d9ee
```
#12d9ee rgb(18,217,238)
```
#08e1f8
```
#08e1f8 rgb(8,225,248)
```

Tone Color Variation

Below, you can see how #56a2aa 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
#819092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9aa7 Protanopia 1% of men
#9e98b3 Deuteranopia 1% of men
#60a6b2 Tritanopia 0.001% of the population

Trichromacy

#819da8 Protanomaly 1% of men, 0.01% of women
#849bb0 Deuteranomaly 6% of men, 0.4% of women
#5ca4af Tritanomaly 0.01% of the population

#56a2aa hex color

#56a2aa Color Information

#56a2aa Color Conversion

Color Schemes with #56a2aa

Alternatives to #56a2aa

#56a2aa Preview

Shades and Tints of #56a2aa

Tones of #56a2aa

Color Blindness Simulator