#2cecff hex color

In a RGB color space, hex #2cecff is composed of 17.3% red, 92.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 7.5% magenta, 0% yellow and 0% black. It has a hue angle of 185.4 degrees, a saturation of 100% and a lightness of 58.6%. #2cecff color hex could be obtained by blending #58ffff with #00d9ff. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 17
- G 93
- B 100
RGB color chart
- C 83
- M 7
- Y 0
- K 0
CMYK color chart

● #2cecff color description : Vivid cyan.

The hexadecimal color #2cecff has RGB values of R:44, G:236, B:255 and CMYK values of C:0.83, M:0.07, Y:0, K:0. Its decimal value is 2944255.

Hex triplet	2cecff	`#2cecff`
RGB Decimal	44, 236, 255	`rgb(44,236,255)`
RGB Percent	17.3, 92.5, 100	`rgb(17.3%,92.5%,100%)`
CMYK	83, 7, 0, 0
HSL	185.4°, 100, 58.6	`hsl(185.4,100%,58.6%)`
HSV (or HSB)	185.4°, 82.7, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.877, -37.992, -22.001
XYZ	49.079, 67.742, 105.091
xyY	0.221, 0.305, 67.742
CIE-LCH	85.877, 43.902, 210.075
CIE-LUV	85.877, -62.107, -29.803
Hunter-Lab	82.305, -37.594, -18.09
Binary	00101100, 11101100, 11111111

#2cecff
```
#2cecff rgb(44,236,255)
```
#ff3f2c
```
#ff3f2c rgb(255,63,44)
```

Complementary Color

#2cffa9
```
#2cffa9 rgb(44,255,169)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#2c83ff
```
#2c83ff rgb(44,131,255)
```

Analogous Color

#ffa92c
```
#ffa92c rgb(255,169,44)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#ff2c83
```
#ff2c83 rgb(255,44,131)
```

Split Complementary Color

#ecff2c
```
#ecff2c rgb(236,255,44)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#ff2cec
```
#ff2cec rgb(255,44,236)
```

Triadic Color

#2cff3f
```
#2cff3f rgb(44,255,63)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#ff2cec
```
#ff2cec rgb(255,44,236)
```
#ff3f2c
```
#ff3f2c rgb(255,63,44)
```

Tetradic Color

#00cadf
```
#00cadf rgb(0,202,223)
```
#00e2f8
```
#00e2f8 rgb(0,226,248)
```
#13eaff
```
#13eaff rgb(19,234,255)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#46eeff
```
#46eeff rgb(70,238,255)
```
#5ff1ff
```
#5ff1ff rgb(95,241,255)
```
#79f3ff
```
#79f3ff rgb(121,243,255)
```

Monochromatic Color

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

#2cffdd
```
#2cffdd rgb(44,255,221)
```
#2cffef
```
#2cffef rgb(44,255,239)
```
#2cfeff
```
#2cfeff rgb(44,254,255)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#2cdaff
```
#2cdaff rgb(44,218,255)
```
#2cc9ff
```
#2cc9ff rgb(44,201,255)
```
#2cb7ff
```
#2cb7ff rgb(44,183,255)
```

Similar Colors

Text with hexadecimal color #2cecff

This text has a font color of #2cecff.

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

#2cecff background color

This paragraph has a background color of #2cecff.

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

#2cecff border color

This element has a border color of #2cecff.

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

CSS codes

.text {color:#2cecff;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001618
```
#001618 rgb(0,22,24)
```
#00282c
```
#00282c rgb(0,40,44)
```
#003a40
```
#003a40 rgb(0,58,64)
```
#004c53
```
#004c53 rgb(0,76,83)
```
#005e67
```
#005e67 rgb(0,94,103)
```
#006f7a
```
#006f7a rgb(0,111,122)
```
#00818e
```
#00818e rgb(0,129,142)
```
#0093a2
```
#0093a2 rgb(0,147,162)
```
#00a5b5
```
#00a5b5 rgb(0,165,181)
```
#00b7c9
```
#00b7c9 rgb(0,183,201)
```
#00c9dd
```
#00c9dd rgb(0,201,221)
```
#00dbf0
```
#00dbf0 rgb(0,219,240)
```

Shade Color Variation

#05e8ff
```
#05e8ff rgb(5,232,255)
```
#18eaff
```
#18eaff rgb(24,234,255)
```
#2cecff
```
#2cecff rgb(44,236,255)
```
#40eeff
```
#40eeff rgb(64,238,255)
```
#53f0ff
```
#53f0ff rgb(83,240,255)
```
#67f1ff
```
#67f1ff rgb(103,241,255)
```
#7af3ff
```
#7af3ff rgb(122,243,255)
```
#8ef5ff
```
#8ef5ff rgb(142,245,255)
```
#a2f7ff
```
#a2f7ff rgb(162,247,255)
```
#b5f8ff
```
#b5f8ff rgb(181,248,255)
```
#c9faff
```
#c9faff rgb(201,250,255)
```
#ddfcff
```
#ddfcff rgb(221,252,255)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#8d9c9e
```
#8d9c9e rgb(141,156,158)
```
#85a3a6
```
#85a3a6 rgb(133,163,166)
```
#7da9ae
```
#7da9ae rgb(125,169,174)
```
#75b0b6
```
#75b0b6 rgb(117,176,182)
```
#6db7be
```
#6db7be rgb(109,183,190)
```
#65bdc6
```
#65bdc6 rgb(101,189,198)
```
#5dc4ce
```
#5dc4ce rgb(93,196,206)
```
#55cbd6
```
#55cbd6 rgb(85,203,214)
```
#4cd1df
```
#4cd1df rgb(76,209,223)
```
#44d8e7
```
#44d8e7 rgb(68,216,231)
```
#3cdfef
```
#3cdfef rgb(60,223,239)
```
#34e5f7
```
#34e5f7 rgb(52,229,247)
```
#2cecff
```
#2cecff rgb(44,236,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9ac0c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d7f1 Protanopia 1% of men
#d4d5ff Deuteranopia 1% of men
#36edfe Tritanopia 0.001% of the population

Trichromacy

#97def6 Protanomaly 1% of men, 0.01% of women
#97ddff Deuteranomaly 6% of men, 0.4% of women
#32ecfe Tritanomaly 0.01% of the population

#2cecff hex color

#2cecff Color Information

#2cecff Color Conversion

Color Schemes with #2cecff

Alternatives to #2cecff

#2cecff Preview

Shades and Tints of #2cecff

Tones of #2cecff

Color Blindness Simulator