#2ccdef hex color

In a RGB color space, hex #2ccdef is composed of 17.3% red, 80.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 14.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 190.5 degrees, a saturation of 85.9% and a lightness of 55.5%. #2ccdef color hex could be obtained by blending #58ffff with #009bdf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 80
- B 94
RGB color chart
- C 82
- M 14
- Y 0
- K 6
CMYK color chart

● #2ccdef color description : Bright cyan.

The hexadecimal color #2ccdef has RGB values of R:44, G:205, B:239 and CMYK values of C:0.82, M:0.14, Y:0, K:0.06. Its decimal value is 2936303.

Hex triplet	2ccdef	`#2ccdef`
RGB Decimal	44, 205, 239	`rgb(44,205,239)`
RGB Percent	17.3, 80.4, 93.7	`rgb(17.3%,80.4%,93.7%)`
CMYK	82, 14, 0, 6
HSL	190.5°, 85.9, 55.5	`hsl(190.5,85.9%,55.5%)`
HSV (or HSB)	190.5°, 81.6, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.33, -28.198, -28.064
XYZ	38.446, 50.426, 89.364
xyY	0.216, 0.283, 50.426
CIE-LCH	76.33, 39.783, 224.863
CIE-LUV	76.33, -52.752, -41.05
Hunter-Lab	71.012, -27.63, -24.905
Binary	00101100, 11001101, 11101111

#2ccdef
```
#2ccdef rgb(44,205,239)
```
#ef4e2c
```
#ef4e2c rgb(239,78,44)
```

Complementary Color

#2cefb0
```
#2cefb0 rgb(44,239,176)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#2c6cef
```
#2c6cef rgb(44,108,239)
```

Analogous Color

#efb02c
```
#efb02c rgb(239,176,44)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#ef2c6c
```
#ef2c6c rgb(239,44,108)
```

Split Complementary Color

#cdef2c
```
#cdef2c rgb(205,239,44)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#ef2ccd
```
#ef2ccd rgb(239,44,205)
```

Triadic Color

#2cef4e
```
#2cef4e rgb(44,239,78)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#ef2ccd
```
#ef2ccd rgb(239,44,205)
```
#ef4e2c
```
#ef4e2c rgb(239,78,44)
```

Tetradic Color

#0fa1c0
```
#0fa1c0 rgb(15,161,192)
```
#10b5d8
```
#10b5d8 rgb(16,181,216)
```
#14c7ed
```
#14c7ed rgb(20,199,237)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#44d3f1
```
#44d3f1 rgb(68,211,241)
```
#5bd8f3
```
#5bd8f3 rgb(91,216,243)
```
#73def4
```
#73def4 rgb(115,222,244)
```

Monochromatic Color

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

#2cefe0
```
#2cefe0 rgb(44,239,224)
```
#2ceeef
```
#2ceeef rgb(44,238,239)
```
#2cddef
```
#2cddef rgb(44,221,239)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#2cbdef
```
#2cbdef rgb(44,189,239)
```
#2cadef
```
#2cadef rgb(44,173,239)
```
#2c9cef
```
#2c9cef rgb(44,156,239)
```

Similar Colors

Text with hexadecimal color #2ccdef

This text has a font color of #2ccdef.

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

#2ccdef background color

This paragraph has a background color of #2ccdef.

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

#2ccdef border color

This element has a border color of #2ccdef.

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

CSS codes

.text {color:#2ccdef;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#02161a
```
#02161a rgb(2,22,26)
```
#03252c
```
#03252c rgb(3,37,44)
```
#05343e
```
#05343e rgb(5,52,62)
```
#064451
```
#064451 rgb(6,68,81)
```
#085363
```
#085363 rgb(8,83,99)
```
#096275
```
#096275 rgb(9,98,117)
```
#0a7287
```
#0a7287 rgb(10,114,135)
```
#0c819a
```
#0c819a rgb(12,129,154)
```
#0d90ac
```
#0d90ac rgb(13,144,172)
```
#0e9fbe
```
#0e9fbe rgb(14,159,190)
```
#10afd0
```
#10afd0 rgb(16,175,208)
```
#11bee3
```
#11bee3 rgb(17,190,227)
```

Shade Color Variation

#1ac9ee
```
#1ac9ee rgb(26,201,238)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#3ed1f0
```
#3ed1f0 rgb(62,209,240)
```
#50d6f2
```
#50d6f2 rgb(80,214,242)
```
#63daf3
```
#63daf3 rgb(99,218,243)
```
#75def5
```
#75def5 rgb(117,222,245)
```
#87e3f6
```
#87e3f6 rgb(135,227,246)
```
#99e7f7
```
#99e7f7 rgb(153,231,247)
```
#acebf9
```
#acebf9 rgb(172,235,249)
```
#bef0fa
```
#bef0fa rgb(190,240,250)
```
#d0f4fb
```
#d0f4fb rgb(208,244,251)
```
#e2f8fd
```
#e2f8fd rgb(226,248,253)
```
#f5fdfe
```
#f5fdfe rgb(245,253,254)
```

Tint Color Variation

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

#8c8e8f
```
#8c8e8f rgb(140,142,143)
```
#839498
```
#839498 rgb(131,148,152)
```
#7b9aa0
```
#7b9aa0 rgb(123,154,160)
```
#72a0a9
```
#72a0a9 rgb(114,160,169)
```
#69a5b2
```
#69a5b2 rgb(105,165,178)
```
#60abbb
```
#60abbb rgb(96,171,187)
```
#58b1c3
```
#58b1c3 rgb(88,177,195)
```
#4fb6cc
```
#4fb6cc rgb(79,182,204)
```
#46bcd5
```
#46bcd5 rgb(70,188,213)
```
#3dc2de
```
#3dc2de rgb(61,194,222)
```
#35c7e6
```
#35c7e6 rgb(53,199,230)
```
#2ccdef
```
#2ccdef rgb(44,205,239)
```
#23d3f8
```
#23d3f8 rgb(35,211,248)
```

Tone Color Variation

Below, you can see how #2ccdef 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
#8aaab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bee4 Protanopia 1% of men
#b1bcf7 Deuteranopia 1% of men
#1ad2e1 Tritanopia 0.001% of the population

Trichromacy

#84c3e8 Protanomaly 1% of men, 0.01% of women
#80c2f4 Deuteranomaly 6% of men, 0.4% of women
#20d0e6 Tritanomaly 0.01% of the population

#2ccdef hex color

#2ccdef Color Information

#2ccdef Color Conversion

Color Schemes with #2ccdef

Alternatives to #2ccdef

#2ccdef Preview

Shades and Tints of #2ccdef

Tones of #2ccdef

Color Blindness Simulator