colorhexa.com

#4ec2dc hex color

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

- R 31
- G 76
- B 86
RGB color chart
- C 65
- M 12
- Y 0
- K 14
CMYK color chart

● #4ec2dc color description : Soft cyan.

The hexadecimal color #4ec2dc has RGB values of R:78, G:194, B:220 and CMYK values of C:0.65, M:0.12, Y:0, K:0.14. Its decimal value is 5161692.

Hex triplet	4ec2dc	`#4ec2dc`
RGB Decimal	78, 194, 220	`rgb(78,194,220)`
RGB Percent	30.6, 76.1, 86.3	`rgb(30.6%,76.1%,86.3%)`
CMYK	65, 12, 0, 14
HSL	191°, 67, 58.4	`hsl(191,67%,58.4%)`
HSV (or HSB)	191°, 64.5, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.133, -24.628, -22.637
XYZ	35.348, 45.368, 74.6
xyY	0.228, 0.292, 45.368
CIE-LCH	73.133, 33.451, 222.588
CIE-LUV	73.133, -45.034, -32.144
Hunter-Lab	67.356, -24.195, -18.518
Binary	01001110, 11000010, 11011100

#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#dc684e
```
#dc684e rgb(220,104,78)
```

Complementary Color

#4edcaf
```
#4edcaf rgb(78,220,175)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#4e7bdc
```
#4e7bdc rgb(78,123,220)
```

Analogous Color

#dcaf4e
```
#dcaf4e rgb(220,175,78)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#dc4e7b
```
#dc4e7b rgb(220,78,123)
```

Split Complementary Color

#c2dc4e
```
#c2dc4e rgb(194,220,78)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#dc4ec2
```
#dc4ec2 rgb(220,78,194)
```

Triadic Color

#4edc68
```
#4edc68 rgb(78,220,104)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#dc4ec2
```
#dc4ec2 rgb(220,78,194)
```
#dc684e
```
#dc684e rgb(220,104,78)
```

Tetradic Color

#259eb9
```
#259eb9 rgb(37,158,185)
```
#29b0ce
```
#29b0ce rgb(41,176,206)
```
#39bbd8
```
#39bbd8 rgb(57,187,216)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#63c9e0
```
#63c9e0 rgb(99,201,224)
```
#79d1e4
```
#79d1e4 rgb(121,209,228)
```
#8ed8e9
```
#8ed8e9 rgb(142,216,233)
```

Monochromatic Color

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

#4edcd3
```
#4edcd3 rgb(78,220,211)
```
#4edadc
```
#4edadc rgb(78,218,220)
```
#4ecedc
```
#4ecedc rgb(78,206,220)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#4eb6dc
```
#4eb6dc rgb(78,182,220)
```
#4eaadc
```
#4eaadc rgb(78,170,220)
```
#4e9fdc
```
#4e9fdc rgb(78,159,220)
```

Similar Colors

Text with hexadecimal color #4ec2dc

This text has a font color of #4ec2dc.

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

#4ec2dc background color

This paragraph has a background color of #4ec2dc.

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

#4ec2dc border color

This element has a border color of #4ec2dc.

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

CSS codes

.text {color:#4ec2dc;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041114
```
#041114 rgb(4,17,20)
```
#071f24
```
#071f24 rgb(7,31,36)
```
#0a2d34
```
#0a2d34 rgb(10,45,52)
```
#0e3b45
```
#0e3b45 rgb(14,59,69)
```
#114955
```
#114955 rgb(17,73,85)
```
#145765
```
#145765 rgb(20,87,101)
```
#176476
```
#176476 rgb(23,100,118)
```
#1b7286
```
#1b7286 rgb(27,114,134)
```
#1e8097
```
#1e8097 rgb(30,128,151)
```
#218ea7
```
#218ea7 rgb(33,142,167)
```
#249cb7
```
#249cb7 rgb(36,156,183)
```
#27aac8
```
#27aac8 rgb(39,170,200)
```

Shade Color Variation

#2db7d6
```
#2db7d6 rgb(45,183,214)
```
#3ebcd9
```
#3ebcd9 rgb(62,188,217)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#5ec8df
```
#5ec8df rgb(94,200,223)
```
#6fcde2
```
#6fcde2 rgb(111,205,226)
```
#7fd3e6
```
#7fd3e6 rgb(127,211,230)
```
#90d9e9
```
#90d9e9 rgb(144,217,233)
```
#a0deec
```
#a0deec rgb(160,222,236)
```
#b0e4ef
```
#b0e4ef rgb(176,228,239)
```
#c1eaf3
```
#c1eaf3 rgb(193,234,243)
```
#d1eff6
```
#d1eff6 rgb(209,239,246)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,249)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#8f999b
```
#8f999b rgb(143,153,155)
```
#879ea3
```
#879ea3 rgb(135,158,163)
```
#7fa3ab
```
#7fa3ab rgb(127,163,171)
```
#77a8b3
```
#77a8b3 rgb(119,168,179)
```
#6fadbb
```
#6fadbb rgb(111,173,187)
```
#66b2c4
```
#66b2c4 rgb(102,178,196)
```
#5eb8cc
```
#5eb8cc rgb(94,184,204)
```
#56bdd4
```
#56bdd4 rgb(86,189,212)
```
#4ec2dc
```
#4ec2dc rgb(78,194,220)
```
#46c7e4
```
#46c7e4 rgb(70,199,228)
```
#3eccec
```
#3eccec rgb(62,204,236)
```
#36d2f4
```
#36d2f4 rgb(54,210,244)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#91a8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d4 Protanopia 1% of men
#afb4e4 Deuteranopia 1% of men
#51c6d5 Tritanopia 0.001% of the population

Trichromacy

#8dbad7 Protanomaly 1% of men, 0.01% of women
#8cb9e1 Deuteranomaly 6% of men, 0.4% of women
#50c4d7 Tritanomaly 0.01% of the population