colorhexa.com

#2cccdf hex color

In a RGB color space, hex #2cccdf is composed of 17.3% red, 80% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 8.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 186.4 degrees, a saturation of 73.7% and a lightness of 52.4%. #2cccdf color hex could be obtained by blending #58ffff with #0099bf. Closest websafe color is: #33cccc.

- R 17
- G 80
- B 87
RGB color chart
- C 80
- M 9
- Y 0
- K 13
CMYK color chart

● #2cccdf color description : Bright cyan.

The hexadecimal color #2cccdf has RGB values of R:44, G:204, B:223 and CMYK values of C:0.8, M:0.09, Y:0, K:0.13. Its decimal value is 2936031.

Hex triplet	2cccdf	`#2cccdf`
RGB Decimal	44, 204, 223	`rgb(44,204,223)`
RGB Percent	17.3, 80, 87.5	`rgb(17.3%,80%,87.5%)`
CMYK	80, 9, 0, 13
HSL	186.4°, 73.7, 52.4	`hsl(186.4,73.7%,52.4%)`
HSV (or HSB)	186.4°, 80.3, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.48, -32.723, -20.755
XYZ	35.947, 49.045, 77.38
xyY	0.221, 0.302, 49.045
CIE-LCH	75.48, 38.75, 212.386
CIE-LUV	75.48, -53.567, -28.048
Hunter-Lab	70.032, -30.934, -16.488
Binary	00101100, 11001100, 11011111

#2cccdf
```
#2cccdf rgb(44,204,223)
```
#df3f2c
```
#df3f2c rgb(223,63,44)
```

Complementary Color

#2cdf99
```
#2cdf99 rgb(44,223,153)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#2c73df
```
#2c73df rgb(44,115,223)
```

Analogous Color

#df992c
```
#df992c rgb(223,153,44)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#df2c73
```
#df2c73 rgb(223,44,115)
```

Split Complementary Color

#ccdf2c
```
#ccdf2c rgb(204,223,44)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#df2ccc
```
#df2ccc rgb(223,44,204)
```

Triadic Color

#2cdf3f
```
#2cdf3f rgb(44,223,63)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#df2ccc
```
#df2ccc rgb(223,44,204)
```
#df3f2c
```
#df3f2c rgb(223,63,44)
```

Tetradic Color

#1997a5
```
#1997a5 rgb(25,151,165)
```
#1cabbc
```
#1cabbc rgb(28,171,188)
```
#20bfd2
```
#20bfd2 rgb(32,191,210)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#42d1e2
```
#42d1e2 rgb(66,209,226)
```
#58d7e6
```
#58d7e6 rgb(88,215,230)
```
#6edce9
```
#6edce9 rgb(110,220,233)
```

Monochromatic Color

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

#2cdfc5
```
#2cdfc5 rgb(44,223,197)
```
#2cdfd4
```
#2cdfd4 rgb(44,223,212)
```
#2cdbdf
```
#2cdbdf rgb(44,219,223)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#2cbddf
```
#2cbddf rgb(44,189,223)
```
#2caedf
```
#2caedf rgb(44,174,223)
```
#2c9fdf
```
#2c9fdf rgb(44,159,223)
```

Similar Colors

Text with hexadecimal color #2cccdf

This text has a font color of #2cccdf.

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

#2cccdf background color

This paragraph has a background color of #2cccdf.

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

#2cccdf border color

This element has a border color of #2cccdf.

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

CSS codes

.text {color:#2cccdf;}

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

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

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, #02090a is the darkest color, while #f8fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#04191b
```
#04191b rgb(4,25,27)
```
#07282c
```
#07282c rgb(7,40,44)
```
#09383e
```
#09383e rgb(9,56,62)
```
#0c474f
```
#0c474f rgb(12,71,79)
```
#0e5760
```
#0e5760 rgb(14,87,96)
```
#116671
```
#116671 rgb(17,102,113)
```
#147682
```
#147682 rgb(20,118,130)
```
#168593
```
#168593 rgb(22,133,147)
```
#1995a4
```
#1995a4 rgb(25,149,164)
```
#1ba4b5
```
#1ba4b5 rgb(27,164,181)
```
#1eb4c6
```
#1eb4c6 rgb(30,180,198)
```
#21c3d7
```
#21c3d7 rgb(33,195,215)
```

Shade Color Variation

#2cccdf
```
#2cccdf rgb(44,204,223)
```
#3dd0e2
```
#3dd0e2 rgb(61,208,226)
```
#4ed4e4
```
#4ed4e4 rgb(78,212,228)
```
#5fd8e7
```
#5fd8e7 rgb(95,216,231)
```
#70dce9
```
#70dce9 rgb(112,220,233)
```
#81e1ec
```
#81e1ec rgb(129,225,236)
```
#92e5ee
```
#92e5ee rgb(146,229,238)
```
#a3e9f1
```
#a3e9f1 rgb(163,233,241)
```
#b4edf4
```
#b4edf4 rgb(180,237,244)
```
#c5f1f6
```
#c5f1f6 rgb(197,241,246)
```
#d6f5f9
```
#d6f5f9 rgb(214,245,249)
```
#e7f9fb
```
#e7f9fb rgb(231,249,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808a8b is the less saturated color, while #10e2fb is the most saturated one.

#808a8b
```
#808a8b rgb(128,138,139)
```
#779194
```
#779194 rgb(119,145,148)
```
#6d989e
```
#6d989e rgb(109,152,158)
```
#64a0a7
```
#64a0a7 rgb(100,160,167)
```
#5ba7b0
```
#5ba7b0 rgb(91,167,176)
```
#51afba
```
#51afba rgb(81,175,186)
```
#48b6c3
```
#48b6c3 rgb(72,182,195)
```
#3fbdcc
```
#3fbdcc rgb(63,189,204)
```
#35c5d6
```
#35c5d6 rgb(53,197,214)
```
#2cccdf
```
#2cccdf rgb(44,204,223)
```
#23d3e8
```
#23d3e8 rgb(35,211,232)
```
#19dbf2
```
#19dbf2 rgb(25,219,242)
```
#10e2fb
```
#10e2fb rgb(16,226,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87a7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd5 Protanopia 1% of men
#b7bae8 Deuteranopia 1% of men
#33cfde Tritanopia 0.001% of the population

Trichromacy

#85c1d8 Protanomaly 1% of men, 0.01% of women
#84c0e5 Deuteranomaly 6% of men, 0.4% of women
#30cdde Tritanomaly 0.01% of the population