#4edec1 hex color

In a RGB color space, hex #4edec1 is composed of 30.6% red, 87.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 0% magenta, 13.1% yellow and 12.9% black. It has a hue angle of 167.9 degrees, a saturation of 68.6% and a lightness of 58.8%. #4edec1 color hex could be obtained by blending #9cffff with #00bd83. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 87
- B 76
RGB color chart
- C 65
- M 0
- Y 13
- K 13
CMYK color chart

● #4edec1 color description : Soft cyan.

The hexadecimal color #4edec1 has RGB values of R:78, G:222, B:193 and CMYK values of C:0.65, M:0, Y:0.13, K:0.13. Its decimal value is 5168833.

Hex triplet	4edec1	`#4edec1`
RGB Decimal	78, 222, 193	`rgb(78,222,193)`
RGB Percent	30.6, 87.1, 75.7	`rgb(30.6%,87.1%,75.7%)`
CMYK	65, 0, 13, 13
HSL	167.9°, 68.6, 58.8	`hsl(167.9,68.6%,58.8%)`
HSV (or HSB)	167.9°, 64.9, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.577, -45.098, 2.964
XYZ	38.886, 57.709, 59.539
xyY	0.249, 0.37, 57.709
CIE-LCH	80.577, 45.195, 176.239
CIE-LUV	80.577, -56.813, 11.71
Hunter-Lab	75.967, -41.571, 6.708
Binary	01001110, 11011110, 11000001

#4edec1
```
#4edec1 rgb(78,222,193)
```
#de4e6b
```
#de4e6b rgb(222,78,107)
```

Complementary Color

#4ede79
```
#4ede79 rgb(78,222,121)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#4eb3de
```
#4eb3de rgb(78,179,222)
```

Analogous Color

#de794e
```
#de794e rgb(222,121,78)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#de4eb3
```
#de4eb3 rgb(222,78,179)
```

Split Complementary Color

#dec14e
```
#dec14e rgb(222,193,78)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#c14ede
```
#c14ede rgb(193,78,222)
```

Triadic Color

#6bde4e
```
#6bde4e rgb(107,222,78)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#c14ede
```
#c14ede rgb(193,78,222)
```
#de4e6b
```
#de4e6b rgb(222,78,107)
```

Tetradic Color

#23bc9e
```
#23bc9e rgb(35,188,158)
```
#27d2af
```
#27d2af rgb(39,210,175)
```
#39dab9
```
#39dab9 rgb(57,218,185)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#63e2c9
```
#63e2c9 rgb(99,226,201)
```
#79e6d0
```
#79e6d0 rgb(121,230,208)
```
#8eead8
```
#8eead8 rgb(142,234,216)
```

Monochromatic Color

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

#4ede9d
```
#4ede9d rgb(78,222,157)
```
#4edea9
```
#4edea9 rgb(78,222,169)
```
#4edeb5
```
#4edeb5 rgb(78,222,181)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#4edecd
```
#4edecd rgb(78,222,205)
```
#4eded9
```
#4eded9 rgb(78,222,217)
```
#4ed7de
```
#4ed7de rgb(78,215,222)
```

Similar Colors

Text with hexadecimal color #4edec1

This text has a font color of #4edec1.

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

#4edec1 background color

This paragraph has a background color of #4edec1.

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

#4edec1 border color

This element has a border color of #4edec1.

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

CSS codes

.text {color:#4edec1;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041512
```
#041512 rgb(4,21,18)
```
#072620
```
#072620 rgb(7,38,32)
```
#0a362e
```
#0a362e rgb(10,54,46)
```
#0d473b
```
#0d473b rgb(13,71,59)
```
#105849
```
#105849 rgb(16,88,73)
```
#136857
```
#136857 rgb(19,104,87)
```
#167965
```
#167965 rgb(22,121,101)
```
#1a8973
```
#1a8973 rgb(26,137,115)
```
#1d9a80
```
#1d9a80 rgb(29,154,128)
```
#20aa8e
```
#20aa8e rgb(32,170,142)
```
#23bb9c
```
#23bb9c rgb(35,187,156)
```
#26cbaa
```
#26cbaa rgb(38,203,170)
```

Shade Color Variation

#2dd8b5
```
#2dd8b5 rgb(45,216,181)
```
#3ddbbb
```
#3ddbbb rgb(61,219,187)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#5fe1c7
```
#5fe1c7 rgb(95,225,199)
```
#6fe4cd
```
#6fe4cd rgb(111,228,205)
```
#80e7d2
```
#80e7d2 rgb(128,231,210)
```
#90ead8
```
#90ead8 rgb(144,234,216)
```
#a1edde
```
#a1edde rgb(161,237,222)
```
#b1f0e4
```
#b1f0e4 rgb(177,240,228)
```
#c2f4ea
```
#c2f4ea rgb(194,244,234)
```
#d2f7ef
```
#d2f7ef rgb(210,247,239)
```
#e3faf5
```
#e3faf5 rgb(227,250,245)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#8f9d9a
```
#8f9d9a rgb(143,157,154)
```
#87a59f
```
#87a59f rgb(135,165,159)
```
#7eaea4
```
#7eaea4 rgb(126,174,164)
```
#76b6a9
```
#76b6a9 rgb(118,182,169)
```
#6ebeae
```
#6ebeae rgb(110,190,174)
```
#66c6b3
```
#66c6b3 rgb(102,198,179)
```
#5eceb7
```
#5eceb7 rgb(94,206,183)
```
#56d6bc
```
#56d6bc rgb(86,214,188)
```
#4edec1
```
#4edec1 rgb(78,222,193)
```
#46e6c6
```
#46e6c6 rgb(70,230,198)
```
#3eeecb
```
#3eeecb rgb(62,238,203)
```
#36f6cf
```
#36f6cf rgb(54,246,207)
```
#2efed4
```
#2efed4 rgb(46,254,212)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9cb9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cab9 Protanopia 1% of men
#dcc4cd Deuteranopia 1% of men
#6bdaea Tritanopia 0.001% of the population

Trichromacy

#a2d1bc Protanomaly 1% of men, 0.01% of women
#a8cec9 Deuteranomaly 6% of men, 0.4% of women
#60dbdb Tritanomaly 0.01% of the population

#4edec1 hex color

#4edec1 Color Information

#4edec1 Color Conversion

Color Schemes with #4edec1

Alternatives to #4edec1

#4edec1 Preview

Shades and Tints of #4edec1

Tones of #4edec1

Color Blindness Simulator