#56aedf hex color

In a RGB color space, hex #56aedf is composed of 33.7% red, 68.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 22% magenta, 0% yellow and 12.5% black. It has a hue angle of 201.5 degrees, a saturation of 68.2% and a lightness of 60.6%. #56aedf color hex could be obtained by blending #acffff with #005dbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 68
- B 87
RGB color chart
- C 61
- M 22
- Y 0
- K 13
CMYK color chart

● #56aedf color description : Soft blue.

The hexadecimal color #56aedf has RGB values of R:86, G:174, B:223 and CMYK values of C:0.61, M:0.22, Y:0, K:0.13. Its decimal value is 5680863.

Hex triplet	56aedf	`#56aedf`
RGB Decimal	86, 174, 223	`rgb(86,174,223)`
RGB Percent	33.7, 68.2, 87.5	`rgb(33.7%,68.2%,87.5%)`
CMYK	61, 22, 0, 13
HSL	201.5°, 68.2, 60.6	`hsl(201.5,68.2%,60.6%)`
HSV (or HSB)	201.5°, 61.4, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.707, -11.923, -32.589
XYZ	32.29, 37.576, 75.359
xyY	0.222, 0.259, 37.576
CIE-LCH	67.707, 34.702, 249.904
CIE-LUV	67.707, -35.835, -50.104
Hunter-Lab	61.299, -13.248, -29.98
Binary	01010110, 10101110, 11011111

#56aedf
```
#56aedf rgb(86,174,223)
```
#df8756
```
#df8756 rgb(223,135,86)
```

Complementary Color

#56dfcc
```
#56dfcc rgb(86,223,204)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#566adf
```
#566adf rgb(86,106,223)
```

Analogous Color

#dfcc56
```
#dfcc56 rgb(223,204,86)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#df566a
```
#df566a rgb(223,86,106)
```

Split Complementary Color

#aedf56
```
#aedf56 rgb(174,223,86)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#df56ae
```
#df56ae rgb(223,86,174)
```

Triadic Color

#56df87
```
#56df87 rgb(86,223,135)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#df56ae
```
#df56ae rgb(223,86,174)
```
#df8756
```
#df8756 rgb(223,135,86)
```

Tetradic Color

#258bc3
```
#258bc3 rgb(37,139,195)
```
#2b99d7
```
#2b99d7 rgb(43,153,215)
```
#41a4db
```
#41a4db rgb(65,164,219)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#6bb8e3
```
#6bb8e3 rgb(107,184,227)
```
#81c3e7
```
#81c3e7 rgb(129,195,231)
```
#96cdeb
```
#96cdeb rgb(150,205,235)
```

Monochromatic Color

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

#56d0df
```
#56d0df rgb(86,208,223)
```
#56c5df
```
#56c5df rgb(86,197,223)
```
#56b9df
```
#56b9df rgb(86,185,223)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#56a3df
```
#56a3df rgb(86,163,223)
```
#5697df
```
#5697df rgb(86,151,223)
```
#568cdf
```
#568cdf rgb(86,140,223)
```

Similar Colors

Text with hexadecimal color #56aedf

This text has a font color of #56aedf.

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

#56aedf background color

This paragraph has a background color of #56aedf.

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

#56aedf border color

This element has a border color of #56aedf.

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

CSS codes

.text {color:#56aedf;}

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

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

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, #02090c is the darkest color, while #fbfdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#05151d
```
#05151d rgb(5,21,29)
```
#09202d
```
#09202d rgb(9,32,45)
```
#0c2c3e
```
#0c2c3e rgb(12,44,62)
```
#0f384e
```
#0f384e rgb(15,56,78)
```
#12435f
```
#12435f rgb(18,67,95)
```
#154f6f
```
#154f6f rgb(21,79,111)
```
#185b80
```
#185b80 rgb(24,91,128)
```
#1b6790
```
#1b6790 rgb(27,103,144)
```
#1e72a1
```
#1e72a1 rgb(30,114,161)
```
#227eb1
```
#227eb1 rgb(34,126,177)
```
#258ac2
```
#258ac2 rgb(37,138,194)
```
#2895d2
```
#2895d2 rgb(40,149,210)
```

Shade Color Variation

#359ed9
```
#359ed9 rgb(53,158,217)
```
#46a6dc
```
#46a6dc rgb(70,166,220)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#66b6e2
```
#66b6e2 rgb(102,182,226)
```
#77bee5
```
#77bee5 rgb(119,190,229)
```
#87c6e8
```
#87c6e8 rgb(135,198,232)
```
#98ceeb
```
#98ceeb rgb(152,206,235)
```
#a8d6ef
```
#a8d6ef rgb(168,214,239)
```
#b9ddf2
```
#b9ddf2 rgb(185,221,242)
```
#c9e5f5
```
#c9e5f5 rgb(201,229,245)
```
#daedf8
```
#daedf8 rgb(218,237,248)
```
#eaf5fb
```
#eaf5fb rgb(234,245,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949ca1 is the less saturated color, while #37b7fe is the most saturated one.

#949ca1
```
#949ca1 rgb(148,156,161)
```
#8c9fa9
```
#8c9fa9 rgb(140,159,169)
```
#84a1b1
```
#84a1b1 rgb(132,161,177)
```
#7da3b8
```
#7da3b8 rgb(125,163,184)
```
#75a5c0
```
#75a5c0 rgb(117,165,192)
```
#6da7c8
```
#6da7c8 rgb(109,167,200)
```
#65aad0
```
#65aad0 rgb(101,170,208)
```
#5eacd7
```
#5eacd7 rgb(94,172,215)
```
#56aedf
```
#56aedf rgb(86,174,223)
```
#4eb0e7
```
#4eb0e7 rgb(78,176,231)
```
#47b2ee
```
#47b2ee rgb(71,178,238)
```
#3fb5f6
```
#3fb5f6 rgb(63,181,246)
```
#37b7fe
```
#37b7fe rgb(55,183,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8c9da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d9 Protanopia 1% of men
#94a7e4 Deuteranopia 1% of men
#4db7c4 Tritanopia 0.001% of the population

Trichromacy

#82aadb Protanomaly 1% of men, 0.01% of women
#7daae2 Deuteranomaly 6% of men, 0.4% of women
#50b4ce Tritanomaly 0.01% of the population

#56aedf hex color

#56aedf Color Information

#56aedf Color Conversion

Color Schemes with #56aedf

Alternatives to #56aedf

#56aedf Preview

Shades and Tints of #56aedf

Tones of #56aedf

Color Blindness Simulator