#56a5b7 hex color

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

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

● #56a5b7 color description : Moderate cyan.

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

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

CIE-LAB	63.595, -19.183, -16.729
XYZ	25.838, 32.306, 49.671
xyY	0.24, 0.3, 32.306
CIE-LCH	63.595, 25.452, 221.091
CIE-LUV	63.595, -33.99, -22.675
Hunter-Lab	56.838, -18.323, -12.027
Binary	01010110, 10100101, 10110111

#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#b76856
```
#b76856 rgb(183,104,86)
```

Complementary Color

#56b799
```
#56b799 rgb(86,183,153)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#5675b7
```
#5675b7 rgb(86,117,183)
```

Analogous Color

#b79956
```
#b79956 rgb(183,153,86)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#b75675
```
#b75675 rgb(183,86,117)
```

Split Complementary Color

#a5b756
```
#a5b756 rgb(165,183,86)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#b756a5
```
#b756a5 rgb(183,86,165)
```

Triadic Color

#56b768
```
#56b768 rgb(86,183,104)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#b756a5
```
#b756a5 rgb(183,86,165)
```
#b76856
```
#b76856 rgb(183,104,86)
```

Tetradic Color

#3a7987
```
#3a7987 rgb(58,121,135)
```
#418999
```
#418999 rgb(65,137,153)
```
#4999ab
```
#4999ab rgb(73,153,171)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#68afbf
```
#68afbf rgb(104,175,191)
```
#7ab8c6
```
#7ab8c6 rgb(122,184,198)
```
#8cc2ce
```
#8cc2ce rgb(140,194,206)
```

Monochromatic Color

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

#56b7b1
```
#56b7b1 rgb(86,183,177)
```
#56b5b7
```
#56b5b7 rgb(86,181,183)
```
#56adb7
```
#56adb7 rgb(86,173,183)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#569db7
```
#569db7 rgb(86,157,183)
```
#5695b7
```
#5695b7 rgb(86,149,183)
```
#568db7
```
#568db7 rgb(86,141,183)
```

Similar Colors

Text with hexadecimal color #56a5b7

This text has a font color of #56a5b7.

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

#56a5b7 background color

This paragraph has a background color of #56a5b7.

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

#56a5b7 border color

This element has a border color of #56a5b7.

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

CSS codes

.text {color:#56a5b7;}

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

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

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

#04090a
```
#04090a rgb(4,9,10)
```
#0a1518
```
#0a1518 rgb(10,21,24)
```
#102125
```
#102125 rgb(16,33,37)
```
#162e33
```
#162e33 rgb(22,46,51)
```
#1c3a41
```
#1c3a41 rgb(28,58,65)
```
#21464f
```
#21464f rgb(33,70,79)
```
#27535c
```
#27535c rgb(39,83,92)
```
#2d5f6a
```
#2d5f6a rgb(45,95,106)
```
#336b78
```
#336b78 rgb(51,107,120)
```
#397786
```
#397786 rgb(57,119,134)
```
#3f8493
```
#3f8493 rgb(63,132,147)
```
#4590a1
```
#4590a1 rgb(69,144,161)
```
#4b9caf
```
#4b9caf rgb(75,156,175)
```

Shade Color Variation

#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#64acbd
```
#64acbd rgb(100,172,189)
```
#72b4c3
```
#72b4c3 rgb(114,180,195)
```
#7fbbc9
```
#7fbbc9 rgb(127,187,201)
```
#8dc2ce
```
#8dc2ce rgb(141,194,206)
```
#9bcad4
```
#9bcad4 rgb(155,202,212)
```
#a9d1da
```
#a9d1da rgb(169,209,218)
```
#b6d8e0
```
#b6d8e0 rgb(182,216,224)
```
#c4e0e6
```
#c4e0e6 rgb(196,224,230)
```
#d2e7ec
```
#d2e7ec rgb(210,231,236)
```
#e0eef2
```
#e0eef2 rgb(224,238,242)
```
#edf6f7
```
#edf6f7 rgb(237,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#848889
```
#848889 rgb(132,136,137)
```
#7b8e92
```
#7b8e92 rgb(123,142,146)
```
#72949b
```
#72949b rgb(114,148,155)
```
#6999a4
```
#6999a4 rgb(105,153,164)
```
#5f9fae
```
#5f9fae rgb(95,159,174)
```
#56a5b7
```
#56a5b7 rgb(86,165,183)
```
#4dabc0
```
#4dabc0 rgb(77,171,192)
```
#43b1ca
```
#43b1ca rgb(67,177,202)
```
#3ab6d3
```
#3ab6d3 rgb(58,182,211)
```
#31bcdc
```
#31bcdc rgb(49,188,220)
```
#28c2e5
```
#28c2e5 rgb(40,194,229)
```
#1ec8ef
```
#1ec8ef rgb(30,200,239)
```
#15cef8
```
#15cef8 rgb(21,206,248)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#849397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9eb3 Protanopia 1% of men
#9c9cbf Deuteranopia 1% of men
#5daab6 Tritanopia 0.001% of the population

Trichromacy

#82a0b4 Protanomaly 1% of men, 0.01% of women
#839fbc Deuteranomaly 6% of men, 0.4% of women
#5aa8b6 Tritanomaly 0.01% of the population

#56a5b7 hex color

#56a5b7 Color Information

#56a5b7 Color Conversion

Color Schemes with #56a5b7

Alternatives to #56a5b7

#56a5b7 Preview

Shades and Tints of #56a5b7

Tones of #56a5b7

Color Blindness Simulator