#2ccaed hex color

In a RGB color space, hex #2ccaed is composed of 17.3% red, 79.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 14.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 190.9 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ccaed color hex could be obtained by blending #58ffff with #0095db. Closest websafe color is: #33ccff.

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

● #2ccaed color description : Bright cyan.

The hexadecimal color #2ccaed has RGB values of R:44, G:202, B:237 and CMYK values of C:0.81, M:0.15, Y:0, K:0.07. Its decimal value is 2935533.

Hex triplet	2ccaed	`#2ccaed`
RGB Decimal	44, 202, 237	`rgb(44,202,237)`
RGB Percent	17.3, 79.2, 92.9	`rgb(17.3%,79.2%,92.9%)`
CMYK	81, 15, 0, 7
HSL	190.9°, 84.3, 55.1	`hsl(190.9,84.3%,55.1%)`
HSV (or HSB)	190.9°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.381, -27.357, -28.445
XYZ	37.441, 48.887, 87.579
xyY	0.215, 0.281, 48.887
CIE-LCH	75.381, 39.465, 226.117
CIE-LUV	75.381, -51.868, -41.753
Hunter-Lab	69.92, -26.775, -25.321
Binary	00101100, 11001010, 11101101

#2ccaed
```
#2ccaed rgb(44,202,237)
```
#ed4f2c
```
#ed4f2c rgb(237,79,44)
```

Complementary Color

#2cedb0
```
#2cedb0 rgb(44,237,176)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```

Analogous Color

#edb02c
```
#edb02c rgb(237,176,44)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#ed2c6a
```
#ed2c6a rgb(237,44,106)
```

Split Complementary Color

#caed2c
```
#caed2c rgb(202,237,44)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#ed2cca
```
#ed2cca rgb(237,44,202)
```

Triadic Color

#2ced4f
```
#2ced4f rgb(44,237,79)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#ed2cca
```
#ed2cca rgb(237,44,202)
```
#ed4f2c
```
#ed4f2c rgb(237,79,44)
```

Tetradic Color

#109dbc
```
#109dbc rgb(16,157,188)
```
#12b1d4
```
#12b1d4 rgb(18,177,212)
```
#15c4eb
```
#15c4eb rgb(21,196,235)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#43d0ef
```
#43d0ef rgb(67,208,239)
```
#5bd6f1
```
#5bd6f1 rgb(91,214,241)
```
#72dcf3
```
#72dcf3 rgb(114,220,243)
```

Monochromatic Color

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

#2cede0
```
#2cede0 rgb(44,237,224)
```
#2ceaed
```
#2ceaed rgb(44,234,237)
```
#2cdaed
```
#2cdaed rgb(44,218,237)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#2cbaed
```
#2cbaed rgb(44,186,237)
```
#2caaed
```
#2caaed rgb(44,170,237)
```
#2c9aed
```
#2c9aed rgb(44,154,237)
```

Similar Colors

Text with hexadecimal color #2ccaed

This text has a font color of #2ccaed.

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

#2ccaed background color

This paragraph has a background color of #2ccaed.

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

#2ccaed border color

This element has a border color of #2ccaed.

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

CSS codes

.text {color:#2ccaed;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021418
```
#021418 rgb(2,20,24)
```
#04232a
```
#04232a rgb(4,35,42)
```
#05323c
```
#05323c rgb(5,50,60)
```
#07414e
```
#07414e rgb(7,65,78)
```
#085060
```
#085060 rgb(8,80,96)
```
#0a5f72
```
#0a5f72 rgb(10,95,114)
```
#0b6e84
```
#0b6e84 rgb(11,110,132)
```
#0d7e96
```
#0d7e96 rgb(13,126,150)
```
#0e8da9
```
#0e8da9 rgb(14,141,169)
```
#109cbb
```
#109cbb rgb(16,156,187)
```
#11abcd
```
#11abcd rgb(17,171,205)
```
#13badf
```
#13badf rgb(19,186,223)
```

Shade Color Variation

#1ac5eb
```
#1ac5eb rgb(26,197,235)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#3ecfef
```
#3ecfef rgb(62,207,239)
```
#50d3f0
```
#50d3f0 rgb(80,211,240)
```
#62d8f2
```
#62d8f2 rgb(98,216,242)
```
#74dcf3
```
#74dcf3 rgb(116,220,243)
```
#86e1f5
```
#86e1f5 rgb(134,225,245)
```
#98e5f6
```
#98e5f6 rgb(152,229,246)
```
#abeaf8
```
#abeaf8 rgb(171,234,248)
```
#bdeef9
```
#bdeef9 rgb(189,238,249)
```
#cff3fb
```
#cff3fb rgb(207,243,251)
```
#e1f7fc
```
#e1f7fc rgb(225,247,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#849295
```
#849295 rgb(132,146,149)
```
#7b979e
```
#7b979e rgb(123,151,158)
```
#729da7
```
#729da7 rgb(114,157,167)
```
#6aa3af
```
#6aa3af rgb(106,163,175)
```
#61a8b8
```
#61a8b8 rgb(97,168,184)
```
#58aec1
```
#58aec1 rgb(88,174,193)
```
#4fb4ca
```
#4fb4ca rgb(79,180,202)
```
#46b9d3
```
#46b9d3 rgb(70,185,211)
```
#3ebfdb
```
#3ebfdb rgb(62,191,219)
```
#35c4e4
```
#35c4e4 rgb(53,196,228)
```
#2ccaed
```
#2ccaed rgb(44,202,237)
```
#23d0f6
```
#23d0f6 rgb(35,208,246)
```
#1ad5ff
```
#1ad5ff rgb(26,213,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88a8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bbe2 Protanopia 1% of men
#aebaf5 Deuteranopia 1% of men
#17cfde Tritanopia 0.001% of the population

Trichromacy

#82c0e6 Protanomaly 1% of men, 0.01% of women
#7ec0f2 Deuteranomaly 6% of men, 0.4% of women
#1fcde3 Tritanomaly 0.01% of the population

#2ccaed hex color

#2ccaed Color Information

#2ccaed Color Conversion

Color Schemes with #2ccaed

Alternatives to #2ccaed

#2ccaed Preview

Shades and Tints of #2ccaed

Tones of #2ccaed

Color Blindness Simulator