#56a5ad hex color

In a RGB color space, hex #56a5ad is composed of 33.7% red, 64.7% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 4.6% magenta, 0% yellow and 32.2% black. It has a hue angle of 185.5 degrees, a saturation of 34.7% and a lightness of 50.8%. #56a5ad color hex could be obtained by blending #acffff with #004b5b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 65
- B 68
RGB color chart
- C 50
- M 5
- Y 0
- K 32
CMYK color chart

● #56a5ad color description : Dark moderate cyan.

The hexadecimal color #56a5ad has RGB values of R:86, G:165, B:173 and CMYK values of C:0.5, M:0.05, Y:0, K:0.32. Its decimal value is 5678509.

Hex triplet	56a5ad	`#56a5ad`
RGB Decimal	86, 165, 173	`rgb(86,165,173)`
RGB Percent	33.7, 64.7, 67.8	`rgb(33.7%,64.7%,67.8%)`
CMYK	50, 5, 0, 32
HSL	185.5°, 34.7, 50.8	`hsl(185.5,34.7%,50.8%)`
HSV (or HSB)	185.5°, 50.3, 67.8
Web Safe	669999	`#669999`

CIE-LAB	63.264, -22.006, -11.629
XYZ	24.834, 31.904, 44.382
xyY	0.246, 0.316, 31.904
CIE-LCH	63.264, 24.89, 207.854
CIE-LUV	63.264, -34.366, -14.185
Hunter-Lab	56.484, -20.367, -7.049
Binary	01010110, 10100101, 10101101

#56a5ad
```
#56a5ad rgb(86,165,173)
```
#ad5e56
```
#ad5e56 rgb(173,94,86)
```

Complementary Color

#56ad8a
```
#56ad8a rgb(86,173,138)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#567aad
```
#567aad rgb(86,122,173)
```

Analogous Color

#ad8a56
```
#ad8a56 rgb(173,138,86)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#ad567a
```
#ad567a rgb(173,86,122)
```

Split Complementary Color

#a5ad56
```
#a5ad56 rgb(165,173,86)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#ad56a5
```
#ad56a5 rgb(173,86,165)
```

Triadic Color

#56ad5e
```
#56ad5e rgb(86,173,94)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#ad56a5
```
#ad56a5 rgb(173,86,165)
```
#ad5e56
```
#ad5e56 rgb(173,94,86)
```

Tetradic Color

#3c757b
```
#3c757b rgb(60,117,123)
```
#44858c
```
#44858c rgb(68,133,140)
```
#4c969d
```
#4c969d rgb(76,150,157)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#67aeb5
```
#67aeb5 rgb(103,174,181)
```
#78b7be
```
#78b7be rgb(120,183,190)
```
#8ac0c6
```
#8ac0c6 rgb(138,192,198)
```

Monochromatic Color

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

#56ad9f
```
#56ad9f rgb(86,173,159)
```
#56ada7
```
#56ada7 rgb(86,173,167)
```
#56acad
```
#56acad rgb(86,172,173)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#569ead
```
#569ead rgb(86,158,173)
```
#5697ad
```
#5697ad rgb(86,151,173)
```
#568fad
```
#568fad rgb(86,143,173)
```

Similar Colors

Text with hexadecimal color #56a5ad

This text has a font color of #56a5ad.

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

#56a5ad background color

This paragraph has a background color of #56a5ad.

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

#56a5ad border color

This element has a border color of #56a5ad.

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

CSS codes

.text {color:#56a5ad;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#080f10
```
#080f10 rgb(8,15,16)
```
#0e1c1d
```
#0e1c1d rgb(14,28,29)
```
#15282a
```
#15282a rgb(21,40,42)
```
#1b3538
```
#1b3538 rgb(27,53,56)
```
#214145
```
#214145 rgb(33,65,69)
```
#284e52
```
#284e52 rgb(40,78,82)
```
#2e5b5f
```
#2e5b5f rgb(46,91,95)
```
#35676c
```
#35676c rgb(53,103,108)
```
#3b747a
```
#3b747a rgb(59,116,122)
```
#418087
```
#418087 rgb(65,128,135)
```
#488d94
```
#488d94 rgb(72,141,148)
```
#4e9aa1
```
#4e9aa1 rgb(78,154,161)
```

Shade Color Variation

#56a5ad
```
#56a5ad rgb(86,165,173)
```
#63acb3
```
#63acb3 rgb(99,172,179)
```
#70b3ba
```
#70b3ba rgb(112,179,186)
```
#7ebac0
```
#7ebac0 rgb(126,186,192)
```
#8bc1c7
```
#8bc1c7 rgb(139,193,199)
```
#98c8cd
```
#98c8cd rgb(152,200,205)
```
#a5cfd3
```
#a5cfd3 rgb(165,207,211)
```
#b2d6da
```
#b2d6da rgb(178,214,218)
```
#c0dde0
```
#c0dde0 rgb(192,221,224)
```
#cde4e7
```
#cde4e7 rgb(205,228,231)
```
#daebed
```
#daebed rgb(218,235,237)
```
#e7f2f3
```
#e7f2f3 rgb(231,242,243)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

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

#7d8586
```
#7d8586 rgb(125,133,134)
```
#738d90
```
#738d90 rgb(115,141,144)
```
#69959a
```
#69959a rgb(105,149,154)
```
#609da3
```
#609da3 rgb(96,157,163)
```
#56a5ad
```
#56a5ad rgb(86,165,173)
```
#4cadb7
```
#4cadb7 rgb(76,173,183)
```
#43b5c0
```
#43b5c0 rgb(67,181,192)
```
#39bdca
```
#39bdca rgb(57,189,202)
```
#2fc5d4
```
#2fc5d4 rgb(47,197,212)
```
#26ccdd
```
#26ccdd rgb(38,204,221)
```
#1cd4e7
```
#1cd4e7 rgb(28,212,231)
```
#12dcf1
```
#12dcf1 rgb(18,220,241)
```
#09e4fa
```
#09e4fa rgb(9,228,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#839394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9daa Protanopia 1% of men
#a09ab6 Deuteranopia 1% of men
#60a9b5 Tritanopia 0.001% of the population

Trichromacy

#83a0ab Protanomaly 1% of men, 0.01% of women
#859eb3 Deuteranomaly 6% of men, 0.4% of women
#5ca7b2 Tritanomaly 0.01% of the population

#56a5ad hex color

#56a5ad Color Information

#56a5ad Color Conversion

Color Schemes with #56a5ad

Alternatives to #56a5ad

#56a5ad Preview

Shades and Tints of #56a5ad

Tones of #56a5ad

Color Blindness Simulator