#2ecced hex color

In a RGB color space, hex #2ecced is composed of 18% red, 80% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 13.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 190.4 degrees, a saturation of 84.1% and a lightness of 55.5%. #2ecced color hex could be obtained by blending #5cffff with #0099db. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 80
- B 93
RGB color chart
- C 81
- M 14
- Y 0
- K 7
CMYK color chart

● #2ecced color description : Bright cyan.

The hexadecimal color #2ecced has RGB values of R:46, G:204, B:237 and CMYK values of C:0.81, M:0.14, Y:0, K:0.07. Its decimal value is 3067117.

Hex triplet	2ecced	`#2ecced`
RGB Decimal	46, 204, 237	`rgb(46,204,237)`
RGB Percent	18, 80, 92.9	`rgb(18%,80%,92.9%)`
CMYK	81, 14, 0, 7
HSL	190.4°, 84.1, 55.5	`hsl(190.4,84.1%,55.5%)`
HSV (or HSB)	190.4°, 80.6, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.994, -28.179, -27.503
XYZ	38.001, 49.877, 87.741
xyY	0.216, 0.284, 49.877
CIE-LCH	75.994, 39.376, 224.305
CIE-LUV	75.994, -52.348, -40.075
Hunter-Lab	70.624, -27.544, -24.223
Binary	00101110, 11001100, 11101101

#2ecced
```
#2ecced rgb(46,204,237)
```
#ed4f2e
```
#ed4f2e rgb(237,79,46)
```

Complementary Color

#2eedaf
```
#2eedaf rgb(46,237,175)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#2e6ded
```
#2e6ded rgb(46,109,237)
```

Analogous Color

#edaf2e
```
#edaf2e rgb(237,175,46)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#ed2e6d
```
#ed2e6d rgb(237,46,109)
```

Split Complementary Color

#cced2e
```
#cced2e rgb(204,237,46)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#ed2ecc
```
#ed2ecc rgb(237,46,204)
```

Triadic Color

#2eed4f
```
#2eed4f rgb(46,237,79)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#ed2ecc
```
#ed2ecc rgb(237,46,204)
```
#ed4f2e
```
#ed4f2e rgb(237,79,46)
```

Tetradic Color

#10a0be
```
#10a0be rgb(16,160,190)
```
#12b4d6
```
#12b4d6 rgb(18,180,214)
```
#17c6eb
```
#17c6eb rgb(23,198,235)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#45d2ef
```
#45d2ef rgb(69,210,239)
```
#5dd7f1
```
#5dd7f1 rgb(93,215,241)
```
#74ddf3
```
#74ddf3 rgb(116,221,243)
```

Monochromatic Color

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

#2eedde
```
#2eedde rgb(46,237,222)
```
#2eeced
```
#2eeced rgb(46,236,237)
```
#2edced
```
#2edced rgb(46,220,237)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#2ebced
```
#2ebced rgb(46,188,237)
```
#2eaced
```
#2eaced rgb(46,172,237)
```
#2e9ced
```
#2e9ced rgb(46,156,237)
```

Similar Colors

Text with hexadecimal color #2ecced

This text has a font color of #2ecced.

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

#2ecced background color

This paragraph has a background color of #2ecced.

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

#2ecced border color

This element has a border color of #2ecced.

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

CSS codes

.text {color:#2ecced;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#02161a
```
#02161a rgb(2,22,26)
```
#04252c
```
#04252c rgb(4,37,44)
```
#05343e
```
#05343e rgb(5,52,62)
```
#074350
```
#074350 rgb(7,67,80)
```
#085362
```
#085362 rgb(8,83,98)
```
#0a6274
```
#0a6274 rgb(10,98,116)
```
#0c7186
```
#0c7186 rgb(12,113,134)
```
#0d8098
```
#0d8098 rgb(13,128,152)
```
#0f8faa
```
#0f8faa rgb(15,143,170)
```
#109fbc
```
#109fbc rgb(16,159,188)
```
#12aece
```
#12aece rgb(18,174,206)
```
#13bde0
```
#13bde0 rgb(19,189,224)
```

Shade Color Variation

#1cc8eb
```
#1cc8eb rgb(28,200,235)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#40d0ef
```
#40d0ef rgb(64,208,239)
```
#52d5f0
```
#52d5f0 rgb(82,213,240)
```
#64d9f2
```
#64d9f2 rgb(100,217,242)
```
#76def3
```
#76def3 rgb(118,222,243)
```
#88e2f5
```
#88e2f5 rgb(136,226,245)
```
#9ae6f6
```
#9ae6f6 rgb(154,230,246)
```
#acebf8
```
#acebf8 rgb(172,235,248)
```
#beeff9
```
#beeff9 rgb(190,239,249)
```
#d1f4fb
```
#d1f4fb rgb(209,244,251)
```
#e3f8fd
```
#e3f8fd rgb(227,248,253)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#859396
```
#859396 rgb(133,147,150)
```
#7d999e
```
#7d999e rgb(125,153,158)
```
#749ea7
```
#749ea7 rgb(116,158,167)
```
#6ba4b0
```
#6ba4b0 rgb(107,164,176)
```
#62aab9
```
#62aab9 rgb(98,170,185)
```
#5aafc1
```
#5aafc1 rgb(90,175,193)
```
#51b5ca
```
#51b5ca rgb(81,181,202)
```
#48bbd3
```
#48bbd3 rgb(72,187,211)
```
#3fc1dc
```
#3fc1dc rgb(63,193,220)
```
#37c6e4
```
#37c6e4 rgb(55,198,228)
```
#2ecced
```
#2ecced rgb(46,204,237)
```
#25d2f6
```
#25d2f6 rgb(37,210,246)
```
#1dd7fe
```
#1dd7fe rgb(29,215,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8aaab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bde2 Protanopia 1% of men
#b1bcf5 Deuteranopia 1% of men
#21d1e0 Tritanopia 0.001% of the population

Trichromacy

#84c2e6 Protanomaly 1% of men, 0.01% of women
#81c1f2 Deuteranomaly 6% of men, 0.4% of women
#26cfe4 Tritanomaly 0.01% of the population

#2ecced hex color

#2ecced Color Information

#2ecced Color Conversion

Color Schemes with #2ecced

Alternatives to #2ecced

#2ecced Preview

Shades and Tints of #2ecced

Tones of #2ecced

Color Blindness Simulator