#2aacc4 hex color

In a RGB color space, hex #2aacc4 is composed of 16.5% red, 67.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 12.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 189.4 degrees, a saturation of 64.7% and a lightness of 46.7%. #2aacc4 color hex could be obtained by blending #54ffff with #005989. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 67
- B 77
RGB color chart
- C 79
- M 12
- Y 0
- K 23
CMYK color chart

● #2aacc4 color description : Strong cyan.

The hexadecimal color #2aacc4 has RGB values of R:42, G:172, B:196 and CMYK values of C:0.79, M:0.12, Y:0, K:0.23. Its decimal value is 2796740.

Hex triplet	2aacc4	`#2aacc4`
RGB Decimal	42, 172, 196	`rgb(42,172,196)`
RGB Percent	16.5, 67.5, 76.9	`rgb(16.5%,67.5%,76.9%)`
CMYK	79, 12, 0, 23
HSL	189.4°, 64.7, 46.7	`hsl(189.4,64.7%,46.7%)`
HSV (or HSB)	189.4°, 78.6, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.947, -25.721, -22.027
XYZ	25.668, 33.98, 57.428
xyY	0.219, 0.29, 33.98
CIE-LCH	64.947, 33.863, 220.577
CIE-LUV	64.947, -44.538, -30.541
Hunter-Lab	58.293, -23.412, -17.605
Binary	00101010, 10101100, 11000100

#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#c4422a
```
#c4422a rgb(196,66,42)
```

Complementary Color

#2ac48f
```
#2ac48f rgb(42,196,143)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#2a5fc4
```
#2a5fc4 rgb(42,95,196)
```

Analogous Color

#c48f2a
```
#c48f2a rgb(196,143,42)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#c42a5f
```
#c42a5f rgb(196,42,95)
```

Split Complementary Color

#acc42a
```
#acc42a rgb(172,196,42)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#c42aac
```
#c42aac rgb(196,42,172)
```

Triadic Color

#2ac442
```
#2ac442 rgb(42,196,66)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#c42aac
```
#c42aac rgb(196,42,172)
```
#c4422a
```
#c4422a rgb(196,66,42)
```

Tetradic Color

#1d7585
```
#1d7585 rgb(29,117,133)
```
#21879a
```
#21879a rgb(33,135,154)
```
#269aaf
```
#269aaf rgb(38,154,175)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#34bbd4
```
#34bbd4 rgb(52,187,212)
```
#49c2d8
```
#49c2d8 rgb(73,194,216)
```
#5ec9dd
```
#5ec9dd rgb(94,201,221)
```

Monochromatic Color

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

#2ac4b6
```
#2ac4b6 rgb(42,196,182)
```
#2ac4c2
```
#2ac4c2 rgb(42,196,194)
```
#2ab9c4
```
#2ab9c4 rgb(42,185,196)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#2a9fc4
```
#2a9fc4 rgb(42,159,196)
```
#2a92c4
```
#2a92c4 rgb(42,146,196)
```
#2a86c4
```
#2a86c4 rgb(42,134,196)
```

Similar Colors

Text with hexadecimal color #2aacc4

This text has a font color of #2aacc4.

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

#2aacc4 background color

This paragraph has a background color of #2aacc4.

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

#2aacc4 border color

This element has a border color of #2aacc4.

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

CSS codes

.text {color:#2aacc4;}

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

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

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, #000202 is the darkest color, while #f1fafc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#071e22
```
#071e22 rgb(7,30,34)
```
#0b2c33
```
#0b2c33 rgb(11,44,51)
```
#0e3b43
```
#0e3b43 rgb(14,59,67)
```
#124953
```
#124953 rgb(18,73,83)
```
#155763
```
#155763 rgb(21,87,99)
```
#196573
```
#196573 rgb(25,101,115)
```
#1c7383
```
#1c7383 rgb(28,115,131)
```
#208194
```
#208194 rgb(32,129,148)
```
#2390a4
```
#2390a4 rgb(35,144,164)
```
#279eb4
```
#279eb4 rgb(39,158,180)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```

Shade Color Variation

#2fb9d2
```
#2fb9d2 rgb(47,185,210)
```
#3fbed6
```
#3fbed6 rgb(63,190,214)
```
#4fc4d9
```
#4fc4d9 rgb(79,196,217)
```
#60c9dd
```
#60c9dd rgb(96,201,221)
```
#70cfe0
```
#70cfe0 rgb(112,207,224)
```
#80d4e4
```
#80d4e4 rgb(128,212,228)
```
#90dae7
```
#90dae7 rgb(144,218,231)
```
#a0dfeb
```
#a0dfeb rgb(160,223,235)
```
#b0e5ee
```
#b0e5ee rgb(176,229,238)
```
#c1eaf2
```
#c1eaf2 rgb(193,234,242)
```
#d1eff5
```
#d1eff5 rgb(209,239,245)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,249)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a7b is the less saturated color, while #05c5e9 is the most saturated one.

#737a7b
```
#737a7b rgb(115,122,123)
```
#6a8084
```
#6a8084 rgb(106,128,132)
```
#61868d
```
#61868d rgb(97,134,141)
```
#588c96
```
#588c96 rgb(88,140,150)
```
#4f939f
```
#4f939f rgb(79,147,159)
```
#4599a9
```
#4599a9 rgb(69,153,169)
```
#3c9fb2
```
#3c9fb2 rgb(60,159,178)
```
#33a6bb
```
#33a6bb rgb(51,166,187)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#21b2cd
```
#21b2cd rgb(33,178,205)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#0fbfdf
```
#0fbfdf rgb(15,191,223)
```
#05c5e9
```
#05c5e9 rgb(5,197,233)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#758f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca1bd Protanopia 1% of men
#99a0cd Deuteranopia 1% of men
#2ab1be Tritanopia 0.001% of the population

Trichromacy

#72a5c0 Protanomaly 1% of men, 0.01% of women
#71a4c9 Deuteranomaly 6% of men, 0.4% of women
#2aafc0 Tritanomaly 0.01% of the population

#2aacc4 hex color

#2aacc4 Color Information

#2aacc4 Color Conversion

Color Schemes with #2aacc4

Alternatives to #2aacc4

#2aacc4 Preview

Shades and Tints of #2aacc4

Tones of #2aacc4

Color Blindness Simulator