#4ed8dc hex color

In a RGB color space, hex #4ed8dc is composed of 30.6% red, 84.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 1.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 181.7 degrees, a saturation of 67% and a lightness of 58.4%. #4ed8dc color hex could be obtained by blending #9cffff with #00b1b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 85
- B 86
RGB color chart
- C 65
- M 2
- Y 0
- K 14
CMYK color chart

● #4ed8dc color description : Soft cyan.

The hexadecimal color #4ed8dc has RGB values of R:78, G:216, B:220 and CMYK values of C:0.65, M:0.02, Y:0, K:0.14. Its decimal value is 5167324.

Hex triplet	4ed8dc	`#4ed8dc`
RGB Decimal	78, 216, 220	`rgb(78,216,220)`
RGB Percent	30.6, 84.7, 86.3	`rgb(30.6%,84.7%,86.3%)`
CMYK	65, 2, 0, 14
HSL	181.7°, 67, 58.4	`hsl(181.7,67%,58.4%)`
HSV (or HSB)	181.7°, 64.5, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.554, -35.275, -12.938
XYZ	40.612, 55.895, 76.355
xyY	0.235, 0.323, 55.895
CIE-LCH	79.554, 37.573, 200.142
CIE-LUV	79.554, -52.992, -14.848
Hunter-Lab	74.763, -33.872, -8.218
Binary	01001110, 11011000, 11011100

#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#dc524e
```
#dc524e rgb(220,82,78)
```

Complementary Color

#4edc99
```
#4edc99 rgb(78,220,153)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#4e91dc
```
#4e91dc rgb(78,145,220)
```

Analogous Color

#dc994e
```
#dc994e rgb(220,153,78)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#dc4e91
```
#dc4e91 rgb(220,78,145)
```

Split Complementary Color

#d8dc4e
```
#d8dc4e rgb(216,220,78)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#dc4ed8
```
#dc4ed8 rgb(220,78,216)
```

Triadic Color

#4edc52
```
#4edc52 rgb(78,220,82)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#dc4ed8
```
#dc4ed8 rgb(220,78,216)
```
#dc524e
```
#dc524e rgb(220,82,78)
```

Tetradic Color

#25b5b9
```
#25b5b9 rgb(37,181,185)
```
#29cace
```
#29cace rgb(41,202,206)
```
#39d3d8
```
#39d3d8 rgb(57,211,216)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#63dde0
```
#63dde0 rgb(99,221,224)
```
#79e1e4
```
#79e1e4 rgb(121,225,228)
```
#8ee6e9
```
#8ee6e9 rgb(142,230,233)
```

Monochromatic Color

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

#4edcbd
```
#4edcbd rgb(78,220,189)
```
#4edcc8
```
#4edcc8 rgb(78,220,200)
```
#4edcd4
```
#4edcd4 rgb(78,220,212)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#4eccdc
```
#4eccdc rgb(78,204,220)
```
#4ec0dc
```
#4ec0dc rgb(78,192,220)
```
#4eb5dc
```
#4eb5dc rgb(78,181,220)
```

Similar Colors

Text with hexadecimal color #4ed8dc

This text has a font color of #4ed8dc.

<span style="color:#4ed8dc;">Text here</span>

#4ed8dc background color

This paragraph has a background color of #4ed8dc.

<p style="background-color:#4ed8dc;">Content here</p>

#4ed8dc border color

This element has a border color of #4ed8dc.

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

CSS codes

.text {color:#4ed8dc;}

.background {background-color:#4ed8dc;}

.border {border:1px solid #4ed8dc;}

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

#010303
```
#010303 rgb(1,3,3)
```
#041314
```
#041314 rgb(4,19,20)
```
#072324
```
#072324 rgb(7,35,36)
```
#0a3334
```
#0a3334 rgb(10,51,52)
```
#0e4345
```
#0e4345 rgb(14,67,69)
```
#115355
```
#115355 rgb(17,83,85)
```
#146365
```
#146365 rgb(20,99,101)
```
#177376
```
#177376 rgb(23,115,118)
```
#1b8386
```
#1b8386 rgb(27,131,134)
```
#1e9397
```
#1e9397 rgb(30,147,151)
```
#21a3a7
```
#21a3a7 rgb(33,163,167)
```
#24b3b7
```
#24b3b7 rgb(36,179,183)
```
#27c3c8
```
#27c3c8 rgb(39,195,200)
```

Shade Color Variation

#2dd1d6
```
#2dd1d6 rgb(45,209,214)
```
#3ed4d9
```
#3ed4d9 rgb(62,212,217)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#5edcdf
```
#5edcdf rgb(94,220,223)
```
#6fdfe2
```
#6fdfe2 rgb(111,223,226)
```
#7fe3e6
```
#7fe3e6 rgb(127,227,230)
```
#90e6e9
```
#90e6e9 rgb(144,230,233)
```
#a0eaec
```
#a0eaec rgb(160,234,236)
```
#b0eeef
```
#b0eeef rgb(176,238,239)
```
#c1f1f3
```
#c1f1f3 rgb(193,241,243)
```
#d1f5f6
```
#d1f5f6 rgb(209,245,246)
```
#e1f8f9
```
#e1f8f9 rgb(225,248,249)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9a9b is the less saturated color, while #2df7fd is the most saturated one.

#8f9a9b
```
#8f9a9b rgb(143,154,155)
```
#87a2a3
```
#87a2a3 rgb(135,162,163)
```
#7faaab
```
#7faaab rgb(127,170,171)
```
#77b2b3
```
#77b2b3 rgb(119,178,179)
```
#6fb9bb
```
#6fb9bb rgb(111,185,187)
```
#66c1c4
```
#66c1c4 rgb(102,193,196)
```
#5ec9cc
```
#5ec9cc rgb(94,201,204)
```
#56d0d4
```
#56d0d4 rgb(86,208,212)
```
#4ed8dc
```
#4ed8dc rgb(78,216,220)
```
#46e0e4
```
#46e0e4 rgb(70,224,228)
```
#3ee7ec
```
#3ee7ec rgb(62,231,236)
```
#36eff4
```
#36eff4 rgb(54,239,244)
```
#2df7fd
```
#2df7fd rgb(45,247,253)
```

Tone Color Variation

Below, you can see how #4ed8dc 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

#afafaf Achromatopsia 0.005% of the population
#9cb7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c6d2 Protanopia 1% of men
#cbc3e6 Deuteranopia 1% of men
#5dd8e8 Tritanopia 0.001% of the population

Trichromacy

#9bcdd6 Protanomaly 1% of men, 0.01% of women
#9dcbe2 Deuteranomaly 6% of men, 0.4% of women
#58d8e3 Tritanomaly 0.01% of the population

#4ed8dc hex color

#4ed8dc Color Information

#4ed8dc Color Conversion

Color Schemes with #4ed8dc

Alternatives to #4ed8dc

#4ed8dc Preview

Shades and Tints of #4ed8dc

Tones of #4ed8dc

Color Blindness Simulator