#2acde4 hex color

In a RGB color space, hex #2acde4 is composed of 16.5% red, 80.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 10.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 187.4 degrees, a saturation of 77.5% and a lightness of 52.9%. #2acde4 color hex could be obtained by blending #54ffff with #009bc9. Closest websafe color is: #33cccc.

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

● #2acde4 color description : Bright cyan.

The hexadecimal color #2acde4 has RGB values of R:42, G:205, B:228 and CMYK values of C:0.82, M:0.1, Y:0, K:0.11. Its decimal value is 2805220.

Hex triplet	2acde4	`#2acde4`
RGB Decimal	42, 205, 228	`rgb(42,205,228)`
RGB Percent	16.5, 80.4, 89.4	`rgb(16.5%,80.4%,89.4%)`
CMYK	82, 10, 0, 11
HSL	187.4°, 77.5, 52.9	`hsl(187.4,77.5%,52.9%)`
HSV (or HSB)	187.4°, 81.6, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.917, -31.819, -22.785
XYZ	36.786, 49.753, 81.059
xyY	0.219, 0.297, 49.753
CIE-LCH	75.917, 39.136, 215.607
CIE-LUV	75.917, -53.749, -31.598
Hunter-Lab	70.536, -30.346, -18.761
Binary	00101010, 11001101, 11100100

#2acde4
```
#2acde4 rgb(42,205,228)
```
#e4412a
```
#e4412a rgb(228,65,42)
```

Complementary Color

#2ae49e
```
#2ae49e rgb(42,228,158)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#2a70e4
```
#2a70e4 rgb(42,112,228)
```

Analogous Color

#e49e2a
```
#e49e2a rgb(228,158,42)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#e42a70
```
#e42a70 rgb(228,42,112)
```

Split Complementary Color

#cde42a
```
#cde42a rgb(205,228,42)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#e42acd
```
#e42acd rgb(228,42,205)
```

Triadic Color

#2ae441
```
#2ae441 rgb(42,228,65)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#e42acd
```
#e42acd rgb(228,42,205)
```
#e4412a
```
#e4412a rgb(228,65,42)
```

Tetradic Color

#1699ac
```
#1699ac rgb(22,153,172)
```
#19adc2
```
#19adc2 rgb(25,173,194)
```
#1cc2d9
```
#1cc2d9 rgb(28,194,217)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#41d2e7
```
#41d2e7 rgb(65,210,231)
```
#57d8ea
```
#57d8ea rgb(87,216,234)
```
#6edded
```
#6edded rgb(110,221,237)
```

Monochromatic Color

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

#2ae4cd
```
#2ae4cd rgb(42,228,205)
```
#2ae4dc
```
#2ae4dc rgb(42,228,220)
```
#2adde4
```
#2adde4 rgb(42,221,228)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#2abee4
```
#2abee4 rgb(42,190,228)
```
#2aaee4
```
#2aaee4 rgb(42,174,228)
```
#2a9fe4
```
#2a9fe4 rgb(42,159,228)
```

Similar Colors

Text with hexadecimal color #2acde4

This text has a font color of #2acde4.

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

#2acde4 background color

This paragraph has a background color of #2acde4.

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

#2acde4 border color

This element has a border color of #2acde4.

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

CSS codes

.text {color:#2acde4;}

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

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

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

#020c0d
```
#020c0d rgb(2,12,13)
```
#041b1f
```
#041b1f rgb(4,27,31)
```
#062b30
```
#062b30 rgb(6,43,48)
```
#083a42
```
#083a42 rgb(8,58,66)
```
#0b4a53
```
#0b4a53 rgb(11,74,83)
```
#0d5a64
```
#0d5a64 rgb(13,90,100)
```
#0f6976
```
#0f6976 rgb(15,105,118)
```
#117987
```
#117987 rgb(17,121,135)
```
#138899
```
#138899 rgb(19,136,153)
```
#1698aa
```
#1698aa rgb(22,152,170)
```
#18a7bb
```
#18a7bb rgb(24,167,187)
```
#1ab7cd
```
#1ab7cd rgb(26,183,205)
```
#1cc6de
```
#1cc6de rgb(28,198,222)
```

Shade Color Variation

#2acde4
```
#2acde4 rgb(42,205,228)
```
#3bd1e6
```
#3bd1e6 rgb(59,209,230)
```
#4dd5e8
```
#4dd5e8 rgb(77,213,232)
```
#5ed9eb
```
#5ed9eb rgb(94,217,235)
```
#70dded
```
#70dded rgb(112,221,237)
```
#81e1ef
```
#81e1ef rgb(129,225,239)
```
#92e6f1
```
#92e6f1 rgb(146,230,241)
```
#a4eaf3
```
#a4eaf3 rgb(164,234,243)
```
#b5eef6
```
#b5eef6 rgb(181,238,246)
```
#c7f2f8
```
#c7f2f8 rgb(199,242,248)
```
#d8f6fa
```
#d8f6fa rgb(216,246,250)
```
#e9fafc
```
#e9fafc rgb(233,250,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#868888
```
#868888 rgb(134,136,136)
```
#7d8e91
```
#7d8e91 rgb(125,142,145)
```
#74959a
```
#74959a rgb(116,149,154)
```
#6b9ca3
```
#6b9ca3 rgb(107,156,163)
```
#61a3ad
```
#61a3ad rgb(97,163,173)
```
#58aab6
```
#58aab6 rgb(88,170,182)
```
#4fb1bf
```
#4fb1bf rgb(79,177,191)
```
#46b8c8
```
#46b8c8 rgb(70,184,200)
```
#3cbfd2
```
#3cbfd2 rgb(60,191,210)
```
#33c6db
```
#33c6db rgb(51,198,219)
```
#2acde4
```
#2acde4 rgb(42,205,228)
```
#21d4ed
```
#21d4ed rgb(33,212,237)
```
#18dbf6
```
#18dbf6 rgb(24,219,246)
```

Tone Color Variation

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

Dichromacy

#b9bdda Protanopia 1% of men
#b6bbed Deuteranopia 1% of men
#2cd0df Tritanopia 0.001% of the population

Trichromacy

#85c2dd Protanomaly 1% of men, 0.01% of women
#83c1e9 Deuteranomaly 6% of men, 0.4% of women
#2bcfe1 Tritanomaly 0.01% of the population

#2acde4 hex color

#2acde4 Color Information

#2acde4 Color Conversion

Color Schemes with #2acde4

Alternatives to #2acde4

#2acde4 Preview

Shades and Tints of #2acde4

Tones of #2acde4

Color Blindness Simulator