#56e5e2 hex color

In a RGB color space, hex #56e5e2 is composed of 33.7% red, 89.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 0% magenta, 1.3% yellow and 10.2% black. It has a hue angle of 178.7 degrees, a saturation of 73.3% and a lightness of 61.8%. #56e5e2 color hex could be obtained by blending #acffff with #00cbc5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 34
- G 90
- B 89
RGB color chart
- C 62
- M 0
- Y 1
- K 10
CMYK color chart

● #56e5e2 color description : Soft cyan.

The hexadecimal color #56e5e2 has RGB values of R:86, G:229, B:226 and CMYK values of C:0.62, M:0, Y:0.01, K:0.1. Its decimal value is 5694946.

Hex triplet	56e5e2	`#56e5e2`
RGB Decimal	86, 229, 226	`rgb(86,229,226)`
RGB Percent	33.7, 89.8, 88.6	`rgb(33.7%,89.8%,88.6%)`
CMYK	62, 0, 1, 10
HSL	178.7°, 73.3, 61.8	`hsl(178.7,73.3%,61.8%)`
HSV (or HSB)	178.7°, 62.4, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.707, -38.405, -9.908
XYZ	45.58, 63.504, 81.803
xyY	0.239, 0.333, 63.504
CIE-LCH	83.707, 39.663, 194.466
CIE-LUV	83.707, -55.744, -9.505
Hunter-Lab	79.69, -37.359, -5.08
Binary	01010110, 11100101, 11100010

#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#e55659
```
#e55659 rgb(229,86,89)
```

Complementary Color

#56e59b
```
#56e59b rgb(86,229,155)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#56a1e5
```
#56a1e5 rgb(86,161,229)
```

Analogous Color

#e59b56
```
#e59b56 rgb(229,155,86)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#e556a1
```
#e556a1 rgb(229,86,161)
```

Split Complementary Color

#e5e256
```
#e5e256 rgb(229,226,86)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#e256e5
```
#e256e5 rgb(226,86,229)
```

Triadic Color

#59e556
```
#59e556 rgb(89,229,86)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#e256e5
```
#e256e5 rgb(226,86,229)
```
#e55659
```
#e55659 rgb(229,86,89)
```

Tetradic Color

#20cfcb
```
#20cfcb rgb(32,207,203)
```
#2adeda
```
#2adeda rgb(42,222,218)
```
#40e2de
```
#40e2de rgb(64,226,222)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#6ce8e6
```
#6ce8e6 rgb(108,232,230)
```
#82ecea
```
#82ecea rgb(130,236,234)
```
#98efed
```
#98efed rgb(152,239,237)
```

Monochromatic Color

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

#56e5be
```
#56e5be rgb(86,229,190)
```
#56e5ca
```
#56e5ca rgb(86,229,202)
```
#56e5d6
```
#56e5d6 rgb(86,229,214)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#56dce5
```
#56dce5 rgb(86,220,229)
```
#56d0e5
```
#56d0e5 rgb(86,208,229)
```
#56c4e5
```
#56c4e5 rgb(86,196,229)
```

Similar Colors

Text with hexadecimal color #56e5e2

This text has a font color of #56e5e2.

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

#56e5e2 background color

This paragraph has a background color of #56e5e2.

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

#56e5e2 border color

This element has a border color of #56e5e2.

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

CSS codes

.text {color:#56e5e2;}

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

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

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 #effdfc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#031212
```
#031212 rgb(3,18,18)
```
#052322
```
#052322 rgb(5,35,34)
```
#083433
```
#083433 rgb(8,52,51)
```
#0b4544
```
#0b4544 rgb(11,69,68)
```
#0d5654
```
#0d5654 rgb(13,86,84)
```
#106765
```
#106765 rgb(16,103,101)
```
#127876
```
#127876 rgb(18,120,118)
```
#158987
```
#158987 rgb(21,137,135)
```
#189a97
```
#189a97 rgb(24,154,151)
```
#1aaba8
```
#1aaba8 rgb(26,171,168)
```
#1dbcb9
```
#1dbcb9 rgb(29,188,185)
```
#20cdc9
```
#20cdc9 rgb(32,205,201)
```

Shade Color Variation

#23ddd9
```
#23ddd9 rgb(35,221,217)
```
#34e0dc
```
#34e0dc rgb(52,224,220)
```
#45e2df
```
#45e2df rgb(69,226,223)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#67e8e5
```
#67e8e5 rgb(103,232,229)
```
#78eae8
```
#78eae8 rgb(120,234,232)
```
#89edeb
```
#89edeb rgb(137,237,235)
```
#9aefee
```
#9aefee rgb(154,239,238)
```
#abf2f1
```
#abf2f1 rgb(171,242,241)
```
#bcf5f4
```
#bcf5f4 rgb(188,245,244)
```
#cdf7f6
```
#cdf7f6 rgb(205,247,246)
```
#defaf9
```
#defaf9 rgb(222,250,249)
```
#effdfc
```
#effdfc rgb(239,253,252)
```

Tint Color Variation

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

#9aa2a1
```
#9aa2a1 rgb(154,162,161)
```
#92a9a9
```
#92a9a9 rgb(146,169,169)
```
#8bb1b0
```
#8bb1b0 rgb(139,177,176)
```
#83b8b7
```
#83b8b7 rgb(131,184,183)
```
#7cc0be
```
#7cc0be rgb(124,192,190)
```
#74c7c5
```
#74c7c5 rgb(116,199,197)
```
#6dcfcc
```
#6dcfcc rgb(109,207,204)
```
#65d6d4
```
#65d6d4 rgb(101,214,212)
```
#5ededb
```
#5ededb rgb(94,222,219)
```
#56e5e2
```
#56e5e2 rgb(86,229,226)
```
#4fede9
```
#4fede9 rgb(79,237,233)
```
#47f4f0
```
#47f4f0 rgb(71,244,240)
```
#40fcf8
```
#40fcf8 rgb(64,252,248)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a6c3c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d1d8 Protanopia 1% of men
#daceec Deuteranopia 1% of men
#68e3f4 Tritanopia 0.001% of the population

Trichromacy

#a6d8db Protanomaly 1% of men, 0.01% of women
#aad6e8 Deuteranomaly 6% of men, 0.4% of women
#61e4ed Tritanomaly 0.01% of the population

#56e5e2 hex color

#56e5e2 Color Information

#56e5e2 Color Conversion

Color Schemes with #56e5e2

Alternatives to #56e5e2

#56e5e2 Preview

Shades and Tints of #56e5e2

Tones of #56e5e2

Color Blindness Simulator