#2acbe4 hex color

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

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

● #2acbe4 color description : Bright cyan.

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

Hex triplet	2acbe4	`#2acbe4`
RGB Decimal	42, 203, 228	`rgb(42,203,228)`
RGB Percent	16.5, 79.6, 89.4	`rgb(16.5%,79.6%,89.4%)`
CMYK	82, 11, 0, 11
HSL	188.1°, 77.5, 52.9	`hsl(188.1,77.5%,52.9%)`
HSV (or HSB)	188.1°, 81.6, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.328, -30.855, -23.683
XYZ	36.31, 48.802, 80.901
xyY	0.219, 0.294, 48.802
CIE-LCH	75.328, 38.896, 217.509
CIE-LUV	75.328, -53.061, -33.212
Hunter-Lab	69.858, -29.473, -19.761
Binary	00101010, 11001011, 11100100

#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#e4432a
```
#e4432a rgb(228,67,42)
```

Complementary Color

#2ae4a0
```
#2ae4a0 rgb(42,228,160)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#2a6ee4
```
#2a6ee4 rgb(42,110,228)
```

Analogous Color

#e4a02a
```
#e4a02a rgb(228,160,42)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#e42a6e
```
#e42a6e rgb(228,42,110)
```

Split Complementary Color

#cbe42a
```
#cbe42a rgb(203,228,42)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#e42acb
```
#e42acb rgb(228,42,203)
```

Triadic Color

#2ae443
```
#2ae443 rgb(42,228,67)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#e42acb
```
#e42acb rgb(228,42,203)
```
#e4432a
```
#e4432a rgb(228,67,42)
```

Tetradic Color

#1698ac
```
#1698ac rgb(22,152,172)
```
#19acc2
```
#19acc2 rgb(25,172,194)
```
#1cc0d9
```
#1cc0d9 rgb(28,192,217)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#41d1e7
```
#41d1e7 rgb(65,209,231)
```
#57d6ea
```
#57d6ea rgb(87,214,234)
```
#6edced
```
#6edced rgb(110,220,237)
```

Monochromatic Color

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

#2ae4cf
```
#2ae4cf rgb(42,228,207)
```
#2ae4de
```
#2ae4de rgb(42,228,222)
```
#2adbe4
```
#2adbe4 rgb(42,219,228)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#2abce4
```
#2abce4 rgb(42,188,228)
```
#2aace4
```
#2aace4 rgb(42,172,228)
```
#2a9de4
```
#2a9de4 rgb(42,157,228)
```

Similar Colors

Text with hexadecimal color #2acbe4

This text has a font color of #2acbe4.

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

#2acbe4 background color

This paragraph has a background color of #2acbe4.

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

#2acbe4 border color

This element has a border color of #2acbe4.

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

CSS codes

.text {color:#2acbe4;}

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

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

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)
```
#062a30
```
#062a30 rgb(6,42,48)
```
#083a42
```
#083a42 rgb(8,58,66)
```
#0b4953
```
#0b4953 rgb(11,73,83)
```
#0d5964
```
#0d5964 rgb(13,89,100)
```
#0f6876
```
#0f6876 rgb(15,104,118)
```
#117787
```
#117787 rgb(17,119,135)
```
#138799
```
#138799 rgb(19,135,153)
```
#1696aa
```
#1696aa rgb(22,150,170)
```
#18a5bb
```
#18a5bb rgb(24,165,187)
```
#1ab5cd
```
#1ab5cd rgb(26,181,205)
```
#1cc4de
```
#1cc4de rgb(28,196,222)
```

Shade Color Variation

#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#3bcfe6
```
#3bcfe6 rgb(59,207,230)
```
#4dd4e8
```
#4dd4e8 rgb(77,212,232)
```
#5ed8eb
```
#5ed8eb rgb(94,216,235)
```
#70dced
```
#70dced rgb(112,220,237)
```
#81e0ef
```
#81e0ef rgb(129,224,239)
```
#92e5f1
```
#92e5f1 rgb(146,229,241)
```
#a4e9f3
```
#a4e9f3 rgb(164,233,243)
```
#b5edf6
```
#b5edf6 rgb(181,237,246)
```
#c7f1f8
```
#c7f1f8 rgb(199,241,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 #18d8f6 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)
```
#58a9b6
```
#58a9b6 rgb(88,169,182)
```
#4fb0bf
```
#4fb0bf rgb(79,176,191)
```
#46b7c8
```
#46b7c8 rgb(70,183,200)
```
#3cbed2
```
#3cbed2 rgb(60,190,210)
```
#33c4db
```
#33c4db rgb(51,196,219)
```
#2acbe4
```
#2acbe4 rgb(42,203,228)
```
#21d2ed
```
#21d2ed rgb(33,210,237)
```
#18d8f6
```
#18d8f6 rgb(24,216,246)
```

Tone Color Variation

Below, you can see how #2acbe4 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
#87a7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bbda Protanopia 1% of men
#b3baec Deuteranopia 1% of men
#29cede Tritanopia 0.001% of the population

Trichromacy

#83c1dd Protanomaly 1% of men, 0.01% of women
#81c0e9 Deuteranomaly 6% of men, 0.4% of women
#29cde0 Tritanomaly 0.01% of the population

#2acbe4 hex color

#2acbe4 Color Information

#2acbe4 Color Conversion

Color Schemes with #2acbe4

Alternatives to #2acbe4

#2acbe4 Preview

Shades and Tints of #2acbe4

Tones of #2acbe4

Color Blindness Simulator