colorhexa.com

#2ec4ea hex color

In a RGB color space, hex #2ec4ea is composed of 18% red, 76.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 16.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 192.1 degrees, a saturation of 81.7% and a lightness of 54.9%. #2ec4ea color hex could be obtained by blending #5cffff with #0089d5. Closest websafe color is: #33ccff.

- R 18
- G 77
- B 92
RGB color chart
- C 80
- M 16
- Y 0
- K 8
CMYK color chart

● #2ec4ea color description : Bright cyan.

The hexadecimal color #2ec4ea has RGB values of R:46, G:196, B:234 and CMYK values of C:0.8, M:0.16, Y:0, K:0.08. Its decimal value is 3065066.

Hex triplet	2ec4ea	`#2ec4ea`
RGB Decimal	46, 196, 234	`rgb(46,196,234)`
RGB Percent	18, 76.9, 91.8	`rgb(18%,76.9%,91.8%)`
CMYK	80, 16, 0, 8
HSL	192.1°, 81.7, 54.9	`hsl(192.1,81.7%,54.9%)`
HSV (or HSB)	192.1°, 80.3, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.544, -25.164, -29.648
XYZ	35.714, 45.998, 84.834
xyY	0.214, 0.276, 45.998
CIE-LCH	73.544, 38.887, 229.677
CIE-LUV	73.544, -49.808, -43.966
Hunter-Lab	67.822, -24.693, -26.687
Binary	00101110, 11000100, 11101010

#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#ea542e
```
#ea542e rgb(234,84,46)
```

Complementary Color

#2eeab2
```
#2eeab2 rgb(46,234,178)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#2e66ea
```
#2e66ea rgb(46,102,234)
```

Analogous Color

#eab22e
```
#eab22e rgb(234,178,46)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#ea2e66
```
#ea2e66 rgb(234,46,102)
```

Split Complementary Color

#c4ea2e
```
#c4ea2e rgb(196,234,46)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#ea2ec4
```
#ea2ec4 rgb(234,46,196)
```

Triadic Color

#2eea54
```
#2eea54 rgb(46,234,84)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#ea2ec4
```
#ea2ec4 rgb(234,46,196)
```
#ea542e
```
#ea542e rgb(234,84,46)
```

Tetradic Color

#1397b9
```
#1397b9 rgb(19,151,185)
```
#15aad0
```
#15aad0 rgb(21,170,208)
```
#17bde7
```
#17bde7 rgb(23,189,231)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#45cbec
```
#45cbec rgb(69,203,236)
```
#5cd1ef
```
#5cd1ef rgb(92,209,239)
```
#74d8f1
```
#74d8f1 rgb(116,216,241)
```

Monochromatic Color

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

#2eeae1
```
#2eeae1 rgb(46,234,225)
```
#2ee3ea
```
#2ee3ea rgb(46,227,234)
```
#2ed4ea
```
#2ed4ea rgb(46,212,234)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#2eb4ea
```
#2eb4ea rgb(46,180,234)
```
#2ea5ea
```
#2ea5ea rgb(46,165,234)
```
#2e95ea
```
#2e95ea rgb(46,149,234)
```

Similar Colors

Text with hexadecimal color #2ec4ea

This text has a font color of #2ec4ea.

<span style="color:#2ec4ea;">Text here</span>

#2ec4ea background color

This paragraph has a background color of #2ec4ea.

<p style="background-color:#2ec4ea;">Content here</p>

#2ec4ea border color

This element has a border color of #2ec4ea.

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

CSS codes

.text {color:#2ec4ea;}

.background {background-color:#2ec4ea;}

.border {border:1px solid #2ec4ea;}

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

#000405
```
#000405 rgb(0,4,5)
```
#021317
```
#021317 rgb(2,19,23)
```
#042129
```
#042129 rgb(4,33,41)
```
#06303a
```
#06303a rgb(6,48,58)
```
#083e4c
```
#083e4c rgb(8,62,76)
```
#094d5e
```
#094d5e rgb(9,77,94)
```
#0b5c70
```
#0b5c70 rgb(11,92,112)
```
#0d6a82
```
#0d6a82 rgb(13,106,130)
```
#0f7993
```
#0f7993 rgb(15,121,147)
```
#1187a5
```
#1187a5 rgb(17,135,165)
```
#1296b7
```
#1296b7 rgb(18,150,183)
```
#14a4c9
```
#14a4c9 rgb(20,164,201)
```
#16b3db
```
#16b3db rgb(22,179,219)
```

Shade Color Variation

#1cbfe8
```
#1cbfe8 rgb(28,191,232)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#40c9ec
```
#40c9ec rgb(64,201,236)
```
#52ceee
```
#52ceee rgb(82,206,238)
```
#63d3ef
```
#63d3ef rgb(99,211,239)
```
#75d8f1
```
#75d8f1 rgb(117,216,241)
```
#87ddf3
```
#87ddf3 rgb(135,221,243)
```
#99e2f5
```
#99e2f5 rgb(153,226,245)
```
#abe7f7
```
#abe7f7 rgb(171,231,247)
```
#bdecf8
```
#bdecf8 rgb(189,236,248)
```
#cef1fa
```
#cef1fa rgb(206,241,250)
```
#e0f6fc
```
#e0f6fc rgb(224,246,252)
```
#f2fbfe
```
#f2fbfe rgb(242,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868f92 is the less saturated color, while #1ccffc is the most saturated one.

#868f92
```
#868f92 rgb(134,143,146)
```
#7e959a
```
#7e959a rgb(126,149,154)
```
#759aa3
```
#759aa3 rgb(117,154,163)
```
#6c9fac
```
#6c9fac rgb(108,159,172)
```
#63a4b5
```
#63a4b5 rgb(99,164,181)
```
#5aaabe
```
#5aaabe rgb(90,170,190)
```
#51afc7
```
#51afc7 rgb(81,175,199)
```
#49b4cf
```
#49b4cf rgb(73,180,207)
```
#40b9d8
```
#40b9d8 rgb(64,185,216)
```
#37bfe1
```
#37bfe1 rgb(55,191,225)
```
#2ec4ea
```
#2ec4ea rgb(46,196,234)
```
#25c9f3
```
#25c9f3 rgb(37,201,243)
```
#1ccffc
```
#1ccffc rgb(28,207,252)
```

Tone Color Variation

Below, you can see how #2ec4ea 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

#9b9b9b Achromatopsia 0.005% of the population
#85a3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6e0 Protanopia 1% of men
#a7b6f1 Deuteranopia 1% of men
#14cad9 Tritanopia 0.001% of the population

Trichromacy

#7fbbe3 Protanomaly 1% of men, 0.01% of women
#7bbbee Deuteranomaly 6% of men, 0.4% of women
#1dc8df Tritanomaly 0.01% of the population