#2ac2e2 hex color

In a RGB color space, hex #2ac2e2 is composed of 16.5% red, 76.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 14.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 190.4 degrees, a saturation of 76% and a lightness of 52.5%. #2ac2e2 color hex could be obtained by blending #54ffff with #0085c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 76
- B 89
RGB color chart
- C 81
- M 14
- Y 0
- K 11
CMYK color chart

● #2ac2e2 color description : Bright cyan.

The hexadecimal color #2ac2e2 has RGB values of R:42, G:194, B:226 and CMYK values of C:0.81, M:0.14, Y:0, K:0.11. Its decimal value is 2802402.

Hex triplet	2ac2e2	`#2ac2e2`
RGB Decimal	42, 194, 226	`rgb(42,194,226)`
RGB Percent	16.5, 76.1, 88.6	`rgb(16.5%,76.1%,88.6%)`
CMYK	81, 14, 0, 11
HSL	190.4°, 76, 52.5	`hsl(190.4,76%,52.5%)`
HSV (or HSB)	190.4°, 81.4, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.604, -27.079, -26.767
XYZ	33.97, 44.564, 78.759
xyY	0.216, 0.283, 44.564
CIE-LCH	72.604, 38.076, 224.668
CIE-LUV	72.604, -50.104, -38.766
Hunter-Lab	66.756, -25.989, -23.221
Binary	00101010, 11000010, 11100010

#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#e24a2a
```
#e24a2a rgb(226,74,42)
```

Complementary Color

#2ae2a6
```
#2ae2a6 rgb(42,226,166)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#2a66e2
```
#2a66e2 rgb(42,102,226)
```

Analogous Color

#e2a62a
```
#e2a62a rgb(226,166,42)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#e22a66
```
#e22a66 rgb(226,42,102)
```

Split Complementary Color

#c2e22a
```
#c2e22a rgb(194,226,42)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#e22ac2
```
#e22ac2 rgb(226,42,194)
```

Triadic Color

#2ae24a
```
#2ae24a rgb(42,226,74)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#e22ac2
```
#e22ac2 rgb(226,42,194)
```
#e24a2a
```
#e24a2a rgb(226,74,42)
```

Tetradic Color

#178fa9
```
#178fa9 rgb(23,143,169)
```
#1aa2bf
```
#1aa2bf rgb(26,162,191)
```
#1db5d5
```
#1db5d5 rgb(29,181,213)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#40c8e5
```
#40c8e5 rgb(64,200,229)
```
#57cfe8
```
#57cfe8 rgb(87,207,232)
```
#6dd5eb
```
#6dd5eb rgb(109,213,235)
```

Monochromatic Color

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

#2ae2d4
```
#2ae2d4 rgb(42,226,212)
```
#2ae1e2
```
#2ae1e2 rgb(42,225,226)
```
#2ad1e2
```
#2ad1e2 rgb(42,209,226)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#2ab3e2
```
#2ab3e2 rgb(42,179,226)
```
#2aa3e2
```
#2aa3e2 rgb(42,163,226)
```
#2a94e2
```
#2a94e2 rgb(42,148,226)
```

Similar Colors

Text with hexadecimal color #2ac2e2

This text has a font color of #2ac2e2.

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

#2ac2e2 background color

This paragraph has a background color of #2ac2e2.

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

#2ac2e2 border color

This element has a border color of #2ac2e2.

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

CSS codes

.text {color:#2ac2e2;}

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

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

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, #020a0b is the darkest color, while #f9fdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#04181d
```
#04181d rgb(4,24,29)
```
#06272e
```
#06272e rgb(6,39,46)
```
#09363f
```
#09363f rgb(9,54,63)
```
#0b4451
```
#0b4451 rgb(11,68,81)
```
#0d5362
```
#0d5362 rgb(13,83,98)
```
#106273
```
#106273 rgb(16,98,115)
```
#127084
```
#127084 rgb(18,112,132)
```
#147f96
```
#147f96 rgb(20,127,150)
```
#178ea7
```
#178ea7 rgb(23,142,167)
```
#199cb8
```
#199cb8 rgb(25,156,184)
```
#1babc9
```
#1babc9 rgb(27,171,201)
```
#1ebadb
```
#1ebadb rgb(30,186,219)
```

Shade Color Variation

#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#3bc7e4
```
#3bc7e4 rgb(59,199,228)
```
#4dcce7
```
#4dcce7 rgb(77,204,231)
```
#5ed1e9
```
#5ed1e9 rgb(94,209,233)
```
#6fd6eb
```
#6fd6eb rgb(111,214,235)
```
#80dbee
```
#80dbee rgb(128,219,238)
```
#92e0f0
```
#92e0f0 rgb(146,224,240)
```
#a3e5f2
```
#a3e5f2 rgb(163,229,242)
```
#b4eaf5
```
#b4eaf5 rgb(180,234,245)
```
#c5eef7
```
#c5eef7 rgb(197,238,247)
```
#d7f3fa
```
#d7f3fa rgb(215,243,250)
```
#e8f8fc
```
#e8f8fc rgb(232,248,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8b8e is the less saturated color, while #0ed4fe is the most saturated one.

#7e8b8e
```
#7e8b8e rgb(126,139,142)
```
#749198
```
#749198 rgb(116,145,152)
```
#6b98a1
```
#6b98a1 rgb(107,152,161)
```
#629eaa
```
#629eaa rgb(98,158,170)
```
#59a4b3
```
#59a4b3 rgb(89,164,179)
```
#4faabd
```
#4faabd rgb(79,170,189)
```
#46b0c6
```
#46b0c6 rgb(70,176,198)
```
#3db6cf
```
#3db6cf rgb(61,182,207)
```
#33bcd9
```
#33bcd9 rgb(51,188,217)
```
#2ac2e2
```
#2ac2e2 rgb(42,194,226)
```
#21c8eb
```
#21c8eb rgb(33,200,235)
```
#17cef5
```
#17cef5 rgb(23,206,245)
```
#0ed4fe
```
#0ed4fe rgb(14,212,254)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#82a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb4d8 Protanopia 1% of men
#a8b3ea Deuteranopia 1% of men
#1cc7d6 Tritanopia 0.001% of the population

Trichromacy

#7db9dc Protanomaly 1% of men, 0.01% of women
#7ab8e7 Deuteranomaly 6% of men, 0.4% of women
#21c5da Tritanomaly 0.01% of the population

#2ac2e2 hex color

#2ac2e2 Color Information

#2ac2e2 Color Conversion

Color Schemes with #2ac2e2

Alternatives to #2ac2e2

#2ac2e2 Preview

Shades and Tints of #2ac2e2

Tones of #2ac2e2

Color Blindness Simulator