#2ac4b4 hex color

In a RGB color space, hex #2ac4b4 is composed of 16.5% red, 76.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 8.2% yellow and 23.1% black. It has a hue angle of 173.8 degrees, a saturation of 64.7% and a lightness of 46.7%. #2ac4b4 color hex could be obtained by blending #54ffff with #008969. Closest websafe color is: #33cccc.

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

● #2ac4b4 color description : Strong cyan.

The hexadecimal color #2ac4b4 has RGB values of R:42, G:196, B:180 and CMYK values of C:0.79, M:0, Y:0.08, K:0.23. Its decimal value is 2802868.

Hex triplet	2ac4b4	`#2ac4b4`
RGB Decimal	42, 196, 180	`rgb(42,196,180)`
RGB Percent	16.5, 76.9, 70.6	`rgb(16.5%,76.9%,70.6%)`
CMYK	79, 0, 8, 23
HSL	173.8°, 64.7, 46.7	`hsl(173.8,64.7%,46.7%)`
HSV (or HSB)	173.8°, 78.6, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.734, -41.828, -3.038
XYZ	28.93, 43.265, 50.004
xyY	0.237, 0.354, 43.265
CIE-LCH	71.734, 41.938, 184.155
CIE-LUV	71.734, -54.148, 1.848
Hunter-Lab	65.776, -36.598, 0.97
Binary	00101010, 11000100, 10110100

#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#c42a3a
```
#c42a3a rgb(196,42,58)
```

Complementary Color

#2ac467
```
#2ac467 rgb(42,196,103)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#2a87c4
```
#2a87c4 rgb(42,135,196)
```

Analogous Color

#c4672a
```
#c4672a rgb(196,103,42)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#c42a87
```
#c42a87 rgb(196,42,135)
```

Split Complementary Color

#c4b42a
```
#c4b42a rgb(196,180,42)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#b42ac4
```
#b42ac4 rgb(180,42,196)
```

Triadic Color

#3ac42a
```
#3ac42a rgb(58,196,42)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#b42ac4
```
#b42ac4 rgb(180,42,196)
```
#c42a3a
```
#c42a3a rgb(196,42,58)
```

Tetradic Color

#1d857a
```
#1d857a rgb(29,133,122)
```
#219a8d
```
#219a8d rgb(33,154,141)
```
#26afa1
```
#26afa1 rgb(38,175,161)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#34d4c3
```
#34d4c3 rgb(52,212,195)
```
#49d8c9
```
#49d8c9 rgb(73,216,201)
```
#5eddcf
```
#5eddcf rgb(94,221,207)
```

Monochromatic Color

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

#2ac48e
```
#2ac48e rgb(42,196,142)
```
#2ac49a
```
#2ac49a rgb(42,196,154)
```
#2ac4a7
```
#2ac4a7 rgb(42,196,167)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#2ac4c1
```
#2ac4c1 rgb(42,196,193)
```
#2abac4
```
#2abac4 rgb(42,186,196)
```
#2aaec4
```
#2aaec4 rgb(42,174,196)
```

Similar Colors

Text with hexadecimal color #2ac4b4

This text has a font color of #2ac4b4.

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

#2ac4b4 background color

This paragraph has a background color of #2ac4b4.

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

#2ac4b4 border color

This element has a border color of #2ac4b4.

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

CSS codes

.text {color:#2ac4b4;}

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

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

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 #f1fcfb is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#041211
```
#041211 rgb(4,18,17)
```
#072220
```
#072220 rgb(7,34,32)
```
#0b332e
```
#0b332e rgb(11,51,46)
```
#0e433d
```
#0e433d rgb(14,67,61)
```
#12534c
```
#12534c rgb(18,83,76)
```
#15635b
```
#15635b rgb(21,99,91)
```
#19736a
```
#19736a rgb(25,115,106)
```
#1c8379
```
#1c8379 rgb(28,131,121)
```
#209487
```
#209487 rgb(32,148,135)
```
#23a496
```
#23a496 rgb(35,164,150)
```
#27b4a5
```
#27b4a5 rgb(39,180,165)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```

Shade Color Variation

#2fd2c1
```
#2fd2c1 rgb(47,210,193)
```
#3fd6c6
```
#3fd6c6 rgb(63,214,198)
```
#4fd9cb
```
#4fd9cb rgb(79,217,203)
```
#60ddd0
```
#60ddd0 rgb(96,221,208)
```
#70e0d5
```
#70e0d5 rgb(112,224,213)
```
#80e4d9
```
#80e4d9 rgb(128,228,217)
```
#90e7de
```
#90e7de rgb(144,231,222)
```
#a0ebe3
```
#a0ebe3 rgb(160,235,227)
```
#b0eee8
```
#b0eee8 rgb(176,238,232)
```
#c1f2ed
```
#c1f2ed rgb(193,242,237)
```
#d1f5f1
```
#d1f5f1 rgb(209,245,241)
```
#e1f9f6
```
#e1f9f6 rgb(225,249,246)
```
#f1fcfb
```
#f1fcfb rgb(241,252,251)
```

Tint Color Variation

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

#737b7a
```
#737b7a rgb(115,123,122)
```
#6a8481
```
#6a8481 rgb(106,132,129)
```
#618d88
```
#618d88 rgb(97,141,136)
```
#589690
```
#589690 rgb(88,150,144)
```
#4f9f97
```
#4f9f97 rgb(79,159,151)
```
#45a99e
```
#45a99e rgb(69,169,158)
```
#3cb2a5
```
#3cb2a5 rgb(60,178,165)
```
#33bbad
```
#33bbad rgb(51,187,173)
```
#2ac4b4
```
#2ac4b4 rgb(42,196,180)
```
#21cdbb
```
#21cdbb rgb(33,205,187)
```
#18d6c3
```
#18d6c3 rgb(24,214,195)
```
#0fdfca
```
#0fdfca rgb(15,223,202)
```
#05e9d1
```
#05e9d1 rgb(5,233,209)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b3ad Protanopia 1% of men
#beafc0 Deuteranopia 1% of men
#4ac3d1 Tritanopia 0.001% of the population

Trichromacy

#84b9af Protanomaly 1% of men, 0.01% of women
#88b6bb Deuteranomaly 6% of men, 0.4% of women
#3ec3c6 Tritanomaly 0.01% of the population

#2ac4b4 hex color

#2ac4b4 Color Information

#2ac4b4 Color Conversion

Color Schemes with #2ac4b4

Alternatives to #2ac4b4

#2ac4b4 Preview

Shades and Tints of #2ac4b4

Tones of #2ac4b4

Color Blindness Simulator