#2acde2 hex color

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

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

● #2acde2 color description : Bright cyan.

The hexadecimal color #2acde2 has RGB values of R:42, G:205, B:226 and CMYK values of C:0.81, M:0.09, Y:0, K:0.11. Its decimal value is 2805218.

Hex triplet	2acde2	`#2acde2`
RGB Decimal	42, 205, 226	`rgb(42,205,226)`
RGB Percent	16.5, 80.4, 88.6	`rgb(16.5%,80.4%,88.6%)`
CMYK	81, 9, 0, 11
HSL	186.8°, 76, 52.5	`hsl(186.8,76%,52.5%)`
HSV (or HSB)	186.8°, 81.4, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.849, -32.439, -21.812
XYZ	36.51, 49.642, 79.605
xyY	0.22, 0.299, 49.642
CIE-LCH	75.849, 39.091, 213.917
CIE-LUV	75.849, -53.896, -29.875
Hunter-Lab	70.457, -30.805, -17.668
Binary	00101010, 11001101, 11100010

#2acde2
```
#2acde2 rgb(42,205,226)
```
#e23f2a
```
#e23f2a rgb(226,63,42)
```

Complementary Color

#2ae29b
```
#2ae29b rgb(42,226,155)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#2a71e2
```
#2a71e2 rgb(42,113,226)
```

Analogous Color

#e29b2a
```
#e29b2a rgb(226,155,42)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#e22a71
```
#e22a71 rgb(226,42,113)
```

Split Complementary Color

#cde22a
```
#cde22a rgb(205,226,42)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#e22acd
```
#e22acd rgb(226,42,205)
```

Triadic Color

#2ae23f
```
#2ae23f rgb(42,226,63)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#e22acd
```
#e22acd rgb(226,42,205)
```
#e23f2a
```
#e23f2a rgb(226,63,42)
```

Tetradic Color

#1798a9
```
#1798a9 rgb(23,152,169)
```
#1aacbf
```
#1aacbf rgb(26,172,191)
```
#1dc0d5
```
#1dc0d5 rgb(29,192,213)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#40d2e5
```
#40d2e5 rgb(64,210,229)
```
#57d8e8
```
#57d8e8 rgb(87,216,232)
```
#6dddeb
```
#6dddeb rgb(109,221,235)
```

Monochromatic Color

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

#2ae2c9
```
#2ae2c9 rgb(42,226,201)
```
#2ae2d8
```
#2ae2d8 rgb(42,226,216)
```
#2adce2
```
#2adce2 rgb(42,220,226)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#2abee2
```
#2abee2 rgb(42,190,226)
```
#2aaee2
```
#2aaee2 rgb(42,174,226)
```
#2a9fe2
```
#2a9fe2 rgb(42,159,226)
```

Similar Colors

Text with hexadecimal color #2acde2

This text has a font color of #2acde2.

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

#2acde2 background color

This paragraph has a background color of #2acde2.

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

#2acde2 border color

This element has a border color of #2acde2.

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

CSS codes

.text {color:#2acde2;}

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

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

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

#020a0b
```
#020a0b rgb(2,10,11)
```
#041a1d
```
#041a1d rgb(4,26,29)
```
#06292e
```
#06292e rgb(6,41,46)
```
#09393f
```
#09393f rgb(9,57,63)
```
#0b4951
```
#0b4951 rgb(11,73,81)
```
#0d5862
```
#0d5862 rgb(13,88,98)
```
#106873
```
#106873 rgb(16,104,115)
```
#127784
```
#127784 rgb(18,119,132)
```
#148796
```
#148796 rgb(20,135,150)
```
#1796a7
```
#1796a7 rgb(23,150,167)
```
#19a6b8
```
#19a6b8 rgb(25,166,184)
```
#1bb6c9
```
#1bb6c9 rgb(27,182,201)
```
#1ec5db
```
#1ec5db rgb(30,197,219)
```

Shade Color Variation

#2acde2
```
#2acde2 rgb(42,205,226)
```
#3bd1e4
```
#3bd1e4 rgb(59,209,228)
```
#4dd5e7
```
#4dd5e7 rgb(77,213,231)
```
#5ed9e9
```
#5ed9e9 rgb(94,217,233)
```
#6fddeb
```
#6fddeb rgb(111,221,235)
```
#80e1ee
```
#80e1ee rgb(128,225,238)
```
#92e5f0
```
#92e5f0 rgb(146,229,240)
```
#a3e9f2
```
#a3e9f2 rgb(163,233,242)
```
#b4edf5
```
#b4edf5 rgb(180,237,245)
```
#c5f1f7
```
#c5f1f7 rgb(197,241,247)
```
#d7f6fa
```
#d7f6fa rgb(215,246,250)
```
#e8fafc
```
#e8fafc rgb(232,250,252)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#7e8c8e
```
#7e8c8e rgb(126,140,142)
```
#749498
```
#749498 rgb(116,148,152)
```
#6b9ba1
```
#6b9ba1 rgb(107,155,161)
```
#62a2aa
```
#62a2aa rgb(98,162,170)
```
#59a9b3
```
#59a9b3 rgb(89,169,179)
```
#4fb0bd
```
#4fb0bd rgb(79,176,189)
```
#46b7c6
```
#46b7c6 rgb(70,183,198)
```
#3dbfcf
```
#3dbfcf rgb(61,191,207)
```
#33c6d9
```
#33c6d9 rgb(51,198,217)
```
#2acde2
```
#2acde2 rgb(42,205,226)
```
#21d4eb
```
#21d4eb rgb(33,212,235)
```
#17dbf5
```
#17dbf5 rgb(23,219,245)
```
#0ee3fe
```
#0ee3fe rgb(14,227,254)
```

Tone Color Variation

Below, you can see how #2acde2 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
#88a8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bdd8 Protanopia 1% of men
#b7bbeb Deuteranopia 1% of men
#2fd0df Tritanopia 0.001% of the population

Trichromacy

#85c2db Protanomaly 1% of men, 0.01% of women
#84c1e7 Deuteranomaly 6% of men, 0.4% of women
#2dcfe0 Tritanomaly 0.01% of the population

#2acde2 hex color

#2acde2 Color Information

#2acde2 Color Conversion

Color Schemes with #2acde2

Alternatives to #2acde2

#2acde2 Preview

Shades and Tints of #2acde2

Tones of #2acde2

Color Blindness Simulator