#56aeec hex color

In a RGB color space, hex #56aeec is composed of 33.7% red, 68.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 26.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.8 degrees, a saturation of 79.8% and a lightness of 63.1%. #56aeec color hex could be obtained by blending #acffff with #005dd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 68
- B 93
RGB color chart
- C 64
- M 26
- Y 0
- K 7
CMYK color chart

● #56aeec color description : Soft blue.

The hexadecimal color #56aeec has RGB values of R:86, G:174, B:236 and CMYK values of C:0.64, M:0.26, Y:0, K:0.07. Its decimal value is 5680876.

Hex triplet	56aeec	`#56aeec`
RGB Decimal	86, 174, 236	`rgb(86,174,236)`
RGB Percent	33.7, 68.2, 92.5	`rgb(33.7%,68.2%,92.5%)`
CMYK	64, 26, 0, 7
HSL	204.8°, 79.8, 63.1	`hsl(204.8,79.8%,63.1%)`
HSV (or HSB)	204.8°, 63.6, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.244, -7.802, -38.869
XYZ	34.11, 38.304, 84.948
xyY	0.217, 0.243, 38.304
CIE-LCH	68.244, 39.644, 258.65
CIE-LUV	68.244, -35.339, -61.314
Hunter-Lab	61.89, -9.929, -38.056
Binary	01010110, 10101110, 11101100

#56aeec
```
#56aeec rgb(86,174,236)
```
#ec9456
```
#ec9456 rgb(236,148,86)
```

Complementary Color

#56ecdf
```
#56ecdf rgb(86,236,223)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#5663ec
```
#5663ec rgb(86,99,236)
```

Analogous Color

#ecdf56
```
#ecdf56 rgb(236,223,86)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#ec5663
```
#ec5663 rgb(236,86,99)
```

Split Complementary Color

#aeec56
```
#aeec56 rgb(174,236,86)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#ec56ae
```
#ec56ae rgb(236,86,174)
```

Triadic Color

#56ec94
```
#56ec94 rgb(86,236,148)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#ec56ae
```
#ec56ae rgb(236,86,174)
```
#ec9456
```
#ec9456 rgb(236,148,86)
```

Tetradic Color

#198cdd
```
#198cdd rgb(25,140,221)
```
#2898e7
```
#2898e7 rgb(40,152,231)
```
#3fa3e9
```
#3fa3e9 rgb(63,163,233)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#6db9ef
```
#6db9ef rgb(109,185,239)
```
#84c4f1
```
#84c4f1 rgb(132,196,241)
```
#9bcff4
```
#9bcff4 rgb(155,207,244)
```

Monochromatic Color

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

#56d4ec
```
#56d4ec rgb(86,212,236)
```
#56c7ec
```
#56c7ec rgb(86,199,236)
```
#56bbec
```
#56bbec rgb(86,187,236)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#56a2ec
```
#56a2ec rgb(86,162,236)
```
#5695ec
```
#5695ec rgb(86,149,236)
```
#5689ec
```
#5689ec rgb(86,137,236)
```

Similar Colors

Text with hexadecimal color #56aeec

This text has a font color of #56aeec.

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

#56aeec background color

This paragraph has a background color of #56aeec.

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

#56aeec border color

This element has a border color of #56aeec.

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

CSS codes

.text {color:#56aeec;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031019
```
#031019 rgb(3,16,25)
```
#051b2b
```
#051b2b rgb(5,27,43)
```
#07263c
```
#07263c rgb(7,38,60)
```
#09314e
```
#09314e rgb(9,49,78)
```
#0b3c5f
```
#0b3c5f rgb(11,60,95)
```
#0d4871
```
#0d4871 rgb(13,72,113)
```
#0f5383
```
#0f5383 rgb(15,83,131)
```
#115e94
```
#115e94 rgb(17,94,148)
```
#1369a6
```
#1369a6 rgb(19,105,166)
```
#1574b8
```
#1574b8 rgb(21,116,184)
```
#177fc9
```
#177fc9 rgb(23,127,201)
```
#198bdb
```
#198bdb rgb(25,139,219)
```

Shade Color Variation

#2195e6
```
#2195e6 rgb(33,149,230)
```
#339de8
```
#339de8 rgb(51,157,232)
```
#44a6ea
```
#44a6ea rgb(68,166,234)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#68b6ee
```
#68b6ee rgb(104,182,238)
```
#79bff0
```
#79bff0 rgb(121,191,240)
```
#8bc7f2
```
#8bc7f2 rgb(139,199,242)
```
#9dd0f4
```
#9dd0f4 rgb(157,208,244)
```
#aed8f6
```
#aed8f6 rgb(174,216,246)
```
#c0e1f8
```
#c0e1f8 rgb(192,225,248)
```
#d1e9fa
```
#d1e9fa rgb(209,233,250)
```
#e3f2fc
```
#e3f2fc rgb(227,242,252)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea1a4 is the less saturated color, while #48b1fa is the most saturated one.

#9ea1a4
```
#9ea1a4 rgb(158,161,164)
```
#97a3ab
```
#97a3ab rgb(151,163,171)
```
#90a4b2
```
#90a4b2 rgb(144,164,178)
```
#89a5b9
```
#89a5b9 rgb(137,165,185)
```
#81a6c1
```
#81a6c1 rgb(129,166,193)
```
#7aa8c8
```
#7aa8c8 rgb(122,168,200)
```
#73a9cf
```
#73a9cf rgb(115,169,207)
```
#6caad6
```
#6caad6 rgb(108,170,214)
```
#64abde
```
#64abde rgb(100,171,222)
```
#5dade5
```
#5dade5 rgb(93,173,229)
```
#56aeec
```
#56aeec rgb(86,174,236)
```
#4faff3
```
#4faff3 rgb(79,175,243)
```
#48b1fa
```
#48b1fa rgb(72,177,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8d9fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a8e6 Protanopia 1% of men
#8ca9f0 Deuteranopia 1% of men
#44b9c7 Tritanopia 0.001% of the population

Trichromacy

#7faae8 Protanomaly 1% of men, 0.01% of women
#78abee Deuteranomaly 6% of men, 0.4% of women
#4ab5d4 Tritanomaly 0.01% of the population

#56aeec hex color

#56aeec Color Information

#56aeec Color Conversion

Color Schemes with #56aeec

Alternatives to #56aeec

#56aeec Preview

Shades and Tints of #56aeec

Tones of #56aeec

Color Blindness Simulator