#56f2ed hex color

In a RGB color space, hex #56f2ed is composed of 33.7% red, 94.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0% magenta, 2.1% yellow and 5.1% black. It has a hue angle of 178.1 degrees, a saturation of 85.7% and a lightness of 64.3%. #56f2ed color hex could be obtained by blending #acffff with #00e5db. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 34
- G 95
- B 93
RGB color chart
- C 64
- M 0
- Y 2
- K 5
CMYK color chart

● #56f2ed color description : Soft cyan.

The hexadecimal color #56f2ed has RGB values of R:86, G:242, B:237 and CMYK values of C:0.64, M:0, Y:0.02, K:0.05. Its decimal value is 5698285.

Hex triplet	56f2ed	`#56f2ed`
RGB Decimal	86, 242, 237	`rgb(86,242,237)`
RGB Percent	33.7, 94.9, 92.9	`rgb(33.7%,94.9%,92.9%)`
CMYK	64, 0, 2, 5
HSL	178.1°, 85.7, 64.3	`hsl(178.1,85.7%,64.3%)`
HSV (or HSB)	178.1°, 64.5, 94.9
Web Safe	66ffff	`#66ffff`

CIE-LAB	87.772, -41.336, -9.647
XYZ	50.871, 71.593, 91.254
xyY	0.238, 0.335, 71.593
CIE-LCH	87.772, 42.446, 193.137
CIE-LUV	87.772, -59.722, -8.685
Hunter-Lab	84.612, -40.753, -4.715
Binary	01010110, 11110010, 11101101

#56f2ed
```
#56f2ed rgb(86,242,237)
```
#f2565b
```
#f2565b rgb(242,86,91)
```

Complementary Color

#56f29f
```
#56f29f rgb(86,242,159)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#56a9f2
```
#56a9f2 rgb(86,169,242)
```

Analogous Color

#f29f56
```
#f29f56 rgb(242,159,86)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#f256a9
```
#f256a9 rgb(242,86,169)
```

Split Complementary Color

#f2ed56
```
#f2ed56 rgb(242,237,86)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#ed56f2
```
#ed56f2 rgb(237,86,242)
```

Triadic Color

#5bf256
```
#5bf256 rgb(91,242,86)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#ed56f2
```
#ed56f2 rgb(237,86,242)
```
#f2565b
```
#f2565b rgb(242,86,91)
```

Tetradic Color

#12eae3
```
#12eae3 rgb(18,234,227)
```
#27eee8
```
#27eee8 rgb(39,238,232)
```
#3ef0ea
```
#3ef0ea rgb(62,240,234)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#6ef4f0
```
#6ef4f0 rgb(110,244,240)
```
#85f6f2
```
#85f6f2 rgb(133,246,242)
```
#9df7f5
```
#9df7f5 rgb(157,247,245)
```

Monochromatic Color

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

#56f2c6
```
#56f2c6 rgb(86,242,198)
```
#56f2d3
```
#56f2d3 rgb(86,242,211)
```
#56f2e0
```
#56f2e0 rgb(86,242,224)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#56eaf2
```
#56eaf2 rgb(86,234,242)
```
#56ddf2
```
#56ddf2 rgb(86,221,242)
```
#56d0f2
```
#56d0f2 rgb(86,208,242)
```

Similar Colors

Text with hexadecimal color #56f2ed

This text has a font color of #56f2ed.

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

#56f2ed background color

This paragraph has a background color of #56f2ed.

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

#56f2ed border color

This element has a border color of #56f2ed.

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

CSS codes

.text {color:#56f2ed;}

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

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

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, #010d0d is the darkest color, while #fafffe is the lightest one.

#010d0d
```
#010d0d rgb(1,13,13)
```
#021f1e
```
#021f1e rgb(2,31,30)
```
#043230
```
#043230 rgb(4,50,48)
```
#054442
```
#054442 rgb(5,68,66)
```
#075653
```
#075653 rgb(7,86,83)
```
#086865
```
#086865 rgb(8,104,101)
```
#097a77
```
#097a77 rgb(9,122,119)
```
#0b8d88
```
#0b8d88 rgb(11,141,136)
```
#0c9f9a
```
#0c9f9a rgb(12,159,154)
```
#0eb1ac
```
#0eb1ac rgb(14,177,172)
```
#0fc3be
```
#0fc3be rgb(15,195,190)
```
#10d6cf
```
#10d6cf rgb(16,214,207)
```
#12e8e1
```
#12e8e1 rgb(18,232,225)
```

Shade Color Variation

#1feee7
```
#1feee7 rgb(31,238,231)
```
#32efe9
```
#32efe9 rgb(50,239,233)
```
#44f1eb
```
#44f1eb rgb(68,241,235)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#68f3ef
```
#68f3ef rgb(104,243,239)
```
#7af5f1
```
#7af5f1 rgb(122,245,241)
```
#8df6f3
```
#8df6f3 rgb(141,246,243)
```
#9ff8f5
```
#9ff8f5 rgb(159,248,245)
```
#b1f9f7
```
#b1f9f7 rgb(177,249,247)
```
#c3faf9
```
#c3faf9 rgb(195,250,249)
```
#d6fcfb
```
#d6fcfb rgb(214,252,251)
```
#e8fdfd
```
#e8fdfd rgb(232,253,253)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#a3a5a5
```
#a3a5a5 rgb(163,165,165)
```
#9cacab
```
#9cacab rgb(156,172,171)
```
#95b3b2
```
#95b3b2 rgb(149,179,178)
```
#8ebab9
```
#8ebab9 rgb(142,186,185)
```
#87c1bf
```
#87c1bf rgb(135,193,191)
```
#80c8c6
```
#80c8c6 rgb(128,200,198)
```
#79cfcc
```
#79cfcc rgb(121,207,204)
```
#72d6d3
```
#72d6d3 rgb(114,214,211)
```
#6bddd9
```
#6bddd9 rgb(107,221,217)
```
#64e4e0
```
#64e4e0 rgb(100,228,224)
```
#5debe6
```
#5debe6 rgb(93,235,230)
```
#56f2ed
```
#56f2ed rgb(86,242,237)
```
#4ff9f4
```
#4ff9f4 rgb(79,249,244)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#adcccb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dce1 Protanopia 1% of men
#e5d8f7 Deuteranopia 1% of men
#77eeff Tritanopia 0.001% of the population

Trichromacy

#ade4e5 Protanomaly 1% of men, 0.01% of women
#b1e1f3 Deuteranomaly 6% of men, 0.4% of women
#6beff8 Tritanomaly 0.01% of the population

#56f2ed hex color

#56f2ed Color Information

#56f2ed Color Conversion

Color Schemes with #56f2ed

Alternatives to #56f2ed

#56f2ed Preview

Shades and Tints of #56f2ed

Tones of #56f2ed

Color Blindness Simulator