#2ac4e3 hex color

In a RGB color space, hex #2ac4e3 is composed of 16.5% red, 76.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 13.7% magenta, 0% yellow and 11% black. It has a hue angle of 190.1 degrees, a saturation of 76.8% and a lightness of 52.7%. #2ac4e3 color hex could be obtained by blending #54ffff with #0089c7. Closest websafe color is: #33cccc.

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

● #2ac4e3 color description : Bright cyan.

The hexadecimal color #2ac4e3 has RGB values of R:42, G:196, B:227 and CMYK values of C:0.81, M:0.14, Y:0, K:0.11. Its decimal value is 2802915.

Hex triplet	2ac4e3	`#2ac4e3`
RGB Decimal	42, 196, 227	`rgb(42,196,227)`
RGB Percent	16.5, 76.9, 89	`rgb(16.5%,76.9%,89%)`
CMYK	81, 14, 0, 11
HSL	190.1°, 76.8, 52.7	`hsl(190.1,76.8%,52.7%)`
HSV (or HSB)	190.1°, 81.5, 89
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.23, -27.75, -26.35
XYZ	34.556, 45.515, 79.633
xyY	0.216, 0.285, 45.515
CIE-LCH	73.23, 38.267, 223.518
CIE-LUV	73.23, -50.722, -38.011
Hunter-Lab	67.465, -26.634, -22.758
Binary	00101010, 11000100, 11100011

#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#e3492a
```
#e3492a rgb(227,73,42)
```

Complementary Color

#2ae3a6
```
#2ae3a6 rgb(42,227,166)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#2a68e3
```
#2a68e3 rgb(42,104,227)
```

Analogous Color

#e3a62a
```
#e3a62a rgb(227,166,42)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#e32a68
```
#e32a68 rgb(227,42,104)
```

Split Complementary Color

#c4e32a
```
#c4e32a rgb(196,227,42)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#e32ac4
```
#e32ac4 rgb(227,42,196)
```

Triadic Color

#2ae349
```
#2ae349 rgb(42,227,73)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#e32ac4
```
#e32ac4 rgb(227,42,196)
```
#e3492a
```
#e3492a rgb(227,73,42)
```

Tetradic Color

#1691aa
```
#1691aa rgb(22,145,170)
```
#19a5c1
```
#19a5c1 rgb(25,165,193)
```
#1cb8d7
```
#1cb8d7 rgb(28,184,215)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#41cae6
```
#41cae6 rgb(65,202,230)
```
#57d0e9
```
#57d0e9 rgb(87,208,233)
```
#6ed7ec
```
#6ed7ec rgb(110,215,236)
```

Monochromatic Color

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

#2ae3d4
```
#2ae3d4 rgb(42,227,212)
```
#2ae3e3
```
#2ae3e3 rgb(42,227,227)
```
#2ad3e3
```
#2ad3e3 rgb(42,211,227)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#2ab5e3
```
#2ab5e3 rgb(42,181,227)
```
#2aa5e3
```
#2aa5e3 rgb(42,165,227)
```
#2a96e3
```
#2a96e3 rgb(42,150,227)
```

Similar Colors

Text with hexadecimal color #2ac4e3

This text has a font color of #2ac4e3.

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

#2ac4e3 background color

This paragraph has a background color of #2ac4e3.

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

#2ac4e3 border color

This element has a border color of #2ac4e3.

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

CSS codes

.text {color:#2ac4e3;}

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

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

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

#020b0c
```
#020b0c rgb(2,11,12)
```
#04191e
```
#04191e rgb(4,25,30)
```
#06282f
```
#06282f rgb(6,40,47)
```
#083740
```
#083740 rgb(8,55,64)
```
#0b4652
```
#0b4652 rgb(11,70,82)
```
#0d5563
```
#0d5563 rgb(13,85,99)
```
#0f6374
```
#0f6374 rgb(15,99,116)
```
#127286
```
#127286 rgb(18,114,134)
```
#148197
```
#148197 rgb(20,129,151)
```
#1690a8
```
#1690a8 rgb(22,144,168)
```
#189fba
```
#189fba rgb(24,159,186)
```
#1baecb
```
#1baecb rgb(27,174,203)
```
#1dbcdc
```
#1dbcdc rgb(29,188,220)
```

Shade Color Variation

#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#3bc9e5
```
#3bc9e5 rgb(59,201,229)
```
#4dcee8
```
#4dcee8 rgb(77,206,232)
```
#5ed2ea
```
#5ed2ea rgb(94,210,234)
```
#6fd7ec
```
#6fd7ec rgb(111,215,236)
```
#81dcee
```
#81dcee rgb(129,220,238)
```
#92e1f1
```
#92e1f1 rgb(146,225,241)
```
#a3e6f3
```
#a3e6f3 rgb(163,230,243)
```
#b5eaf5
```
#b5eaf5 rgb(181,234,245)
```
#c6eff8
```
#c6eff8 rgb(198,239,248)
```
#d7f4fa
```
#d7f4fa rgb(215,244,250)
```
#e9f9fc
```
#e9f9fc rgb(233,249,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#7d8d90
```
#7d8d90 rgb(125,141,144)
```
#749399
```
#749399 rgb(116,147,153)
```
#6b99a2
```
#6b99a2 rgb(107,153,162)
```
#629fab
```
#629fab rgb(98,159,171)
```
#58a5b5
```
#58a5b5 rgb(88,165,181)
```
#4fabbe
```
#4fabbe rgb(79,171,190)
```
#46b2c7
```
#46b2c7 rgb(70,178,199)
```
#3db8d0
```
#3db8d0 rgb(61,184,208)
```
#33beda
```
#33beda rgb(51,190,218)
```
#2ac4e3
```
#2ac4e3 rgb(42,196,227)
```
#21caec
```
#21caec rgb(33,202,236)
```
#17d0f6
```
#17d0f6 rgb(23,208,246)
```
#0ed6ff
```
#0ed6ff rgb(14,214,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb6d9 Protanopia 1% of men
#aab5eb Deuteranopia 1% of men
#1ec9d8 Tritanopia 0.001% of the population

Trichromacy

#7ebbdd Protanomaly 1% of men, 0.01% of women
#7bbae8 Deuteranomaly 6% of men, 0.4% of women
#22c7dc Tritanomaly 0.01% of the population

#2ac4e3 hex color

#2ac4e3 Color Information

#2ac4e3 Color Conversion

Color Schemes with #2ac4e3

Alternatives to #2ac4e3

#2ac4e3 Preview

Shades and Tints of #2ac4e3

Tones of #2ac4e3

Color Blindness Simulator