colorhexa.com

#2ac3e4 hex color

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

- R 16
- G 76
- B 89
RGB color chart
- C 82
- M 14
- Y 0
- K 11
CMYK color chart

● #2ac3e4 color description : Bright cyan.

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

Hex triplet	2ac3e4	`#2ac3e4`
RGB Decimal	42, 195, 228	`rgb(42,195,228)`
RGB Percent	16.5, 76.5, 89.4	`rgb(16.5%,76.5%,89.4%)`
CMYK	82, 14, 0, 11
HSL	190.6°, 77.5, 52.9	`hsl(190.6,77.5%,52.9%)`
HSV (or HSB)	190.6°, 81.6, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.971, -26.934, -27.288
XYZ	34.47, 45.121, 80.287
xyY	0.216, 0.282, 45.121
CIE-LCH	72.971, 38.341, 225.374
CIE-LUV	72.971, -50.306, -39.689
Hunter-Lab	67.172, -25.952, -23.846
Binary	00101010, 11000011, 11100100

#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#e44b2a
```
#e44b2a rgb(228,75,42)
```

Complementary Color

#2ae4a8
```
#2ae4a8 rgb(42,228,168)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#2a66e4
```
#2a66e4 rgb(42,102,228)
```

Analogous Color

#e4a82a
```
#e4a82a rgb(228,168,42)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#e42a66
```
#e42a66 rgb(228,42,102)
```

Split Complementary Color

#c3e42a
```
#c3e42a rgb(195,228,42)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#e42ac3
```
#e42ac3 rgb(228,42,195)
```

Triadic Color

#2ae44b
```
#2ae44b rgb(42,228,75)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#e42ac3
```
#e42ac3 rgb(228,42,195)
```
#e44b2a
```
#e44b2a rgb(228,75,42)
```

Tetradic Color

#1691ac
```
#1691ac rgb(22,145,172)
```
#19a4c2
```
#19a4c2 rgb(25,164,194)
```
#1cb7d9
```
#1cb7d9 rgb(28,183,217)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#41c9e7
```
#41c9e7 rgb(65,201,231)
```
#57d0ea
```
#57d0ea rgb(87,208,234)
```
#6ed6ed
```
#6ed6ed rgb(110,214,237)
```

Monochromatic Color

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

#2ae4d7
```
#2ae4d7 rgb(42,228,215)
```
#2ae2e4
```
#2ae2e4 rgb(42,226,228)
```
#2ad3e4
```
#2ad3e4 rgb(42,211,228)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#2ab4e4
```
#2ab4e4 rgb(42,180,228)
```
#2aa4e4
```
#2aa4e4 rgb(42,164,228)
```
#2a95e4
```
#2a95e4 rgb(42,149,228)
```

Similar Colors

Text with hexadecimal color #2ac3e4

This text has a font color of #2ac3e4.

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

#2ac3e4 background color

This paragraph has a background color of #2ac3e4.

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

#2ac3e4 border color

This element has a border color of #2ac3e4.

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

CSS codes

.text {color:#2ac3e4;}

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

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

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

#020b0d
```
#020b0d rgb(2,11,13)
```
#041a1f
```
#041a1f rgb(4,26,31)
```
#062930
```
#062930 rgb(6,41,48)
```
#083742
```
#083742 rgb(8,55,66)
```
#0b4653
```
#0b4653 rgb(11,70,83)
```
#0d5564
```
#0d5564 rgb(13,85,100)
```
#0f6476
```
#0f6476 rgb(15,100,118)
```
#117287
```
#117287 rgb(17,114,135)
```
#138199
```
#138199 rgb(19,129,153)
```
#1690aa
```
#1690aa rgb(22,144,170)
```
#189ebb
```
#189ebb rgb(24,158,187)
```
#1aadcd
```
#1aadcd rgb(26,173,205)
```
#1cbcde
```
#1cbcde rgb(28,188,222)
```

Shade Color Variation

#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#3bc8e6
```
#3bc8e6 rgb(59,200,230)
```
#4dcde8
```
#4dcde8 rgb(77,205,232)
```
#5ed2eb
```
#5ed2eb rgb(94,210,235)
```
#70d7ed
```
#70d7ed rgb(112,215,237)
```
#81dcef
```
#81dcef rgb(129,220,239)
```
#92e0f1
```
#92e0f1 rgb(146,224,241)
```
#a4e5f3
```
#a4e5f3 rgb(164,229,243)
```
#b5eaf6
```
#b5eaf6 rgb(181,234,246)
```
#c7eff8
```
#c7eff8 rgb(199,239,248)
```
#d8f4fa
```
#d8f4fa rgb(216,244,250)
```
#e9f9fc
```
#e9f9fc rgb(233,249,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#868788
```
#868788 rgb(134,135,136)
```
#7d8d91
```
#7d8d91 rgb(125,141,145)
```
#74939a
```
#74939a rgb(116,147,154)
```
#6b99a3
```
#6b99a3 rgb(107,153,163)
```
#619fad
```
#619fad rgb(97,159,173)
```
#58a5b6
```
#58a5b6 rgb(88,165,182)
```
#4fabbf
```
#4fabbf rgb(79,171,191)
```
#46b1c8
```
#46b1c8 rgb(70,177,200)
```
#3cb7d2
```
#3cb7d2 rgb(60,183,210)
```
#33bddb
```
#33bddb rgb(51,189,219)
```
#2ac3e4
```
#2ac3e4 rgb(42,195,228)
```
#21c9ed
```
#21c9ed rgb(33,201,237)
```
#18cff6
```
#18cff6 rgb(24,207,246)
```

Tone Color Variation

Below, you can see how #2ac3e4 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
#83a1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb5da Protanopia 1% of men
#a8b4ec Deuteranopia 1% of men
#19c8d7 Tritanopia 0.001% of the population

Trichromacy

#7ebade Protanomaly 1% of men, 0.01% of women
#7ab9e9 Deuteranomaly 6% of men, 0.4% of women
#1fc6db Tritanomaly 0.01% of the population