colorhexa.com

#2ac4bf hex color

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

- R 16
- G 77
- B 75
RGB color chart
- C 79
- M 0
- Y 3
- K 23
CMYK color chart

● #2ac4bf color description : Strong cyan.

The hexadecimal color #2ac4bf has RGB values of R:42, G:196, B:191 and CMYK values of C:0.79, M:0, Y:0.03, K:0.23. Its decimal value is 2802879.

Hex triplet	2ac4bf	`#2ac4bf`
RGB Decimal	42, 196, 191	`rgb(42,196,191)`
RGB Percent	16.5, 76.9, 74.9	`rgb(16.5%,76.9%,74.9%)`
CMYK	79, 0, 3, 23
HSL	178.1°, 64.7, 46.7	`hsl(178.1,64.7%,46.7%)`
HSV (or HSB)	178.1°, 78.6, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.048, -38.724, -8.569
XYZ	30.096, 43.731, 56.142
xyY	0.232, 0.336, 43.731
CIE-LCH	72.048, 39.66, 192.477
CIE-LUV	72.048, -53.346, -7.244
Hunter-Lab	66.129, -34.49, -4.045
Binary	00101010, 11000100, 10111111

#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#c42a2f
```
#c42a2f rgb(196,42,47)
```

Complementary Color

#2ac472
```
#2ac472 rgb(42,196,114)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#2a7cc4
```
#2a7cc4 rgb(42,124,196)
```

Analogous Color

#c4722a
```
#c4722a rgb(196,114,42)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#c42a7c
```
#c42a7c rgb(196,42,124)
```

Split Complementary Color

#c4bf2a
```
#c4bf2a rgb(196,191,42)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#bf2ac4
```
#bf2ac4 rgb(191,42,196)
```

Triadic Color

#2fc42a
```
#2fc42a rgb(47,196,42)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#bf2ac4
```
#bf2ac4 rgb(191,42,196)
```
#c42a2f
```
#c42a2f rgb(196,42,47)
```

Tetradic Color

#1d8582
```
#1d8582 rgb(29,133,130)
```
#219a96
```
#219a96 rgb(33,154,150)
```
#26afab
```
#26afab rgb(38,175,171)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#34d4ce
```
#34d4ce rgb(52,212,206)
```
#49d8d3
```
#49d8d3 rgb(73,216,211)
```
#5eddd8
```
#5eddd8 rgb(94,221,216)
```

Monochromatic Color

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

#2ac499
```
#2ac499 rgb(42,196,153)
```
#2ac4a5
```
#2ac4a5 rgb(42,196,165)
```
#2ac4b2
```
#2ac4b2 rgb(42,196,178)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#2aafc4
```
#2aafc4 rgb(42,175,196)
```
#2aa3c4
```
#2aa3c4 rgb(42,163,196)
```

Similar Colors

Text with hexadecimal color #2ac4bf

This text has a font color of #2ac4bf.

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

#2ac4bf background color

This paragraph has a background color of #2ac4bf.

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

#2ac4bf border color

This element has a border color of #2ac4bf.

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

CSS codes

.text {color:#2ac4bf;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041212
```
#041212 rgb(4,18,18)
```
#072222
```
#072222 rgb(7,34,34)
```
#0b3331
```
#0b3331 rgb(11,51,49)
```
#0e4341
```
#0e4341 rgb(14,67,65)
```
#125351
```
#125351 rgb(18,83,81)
```
#156361
```
#156361 rgb(21,99,97)
```
#197370
```
#197370 rgb(25,115,112)
```
#1c8380
```
#1c8380 rgb(28,131,128)
```
#209490
```
#209490 rgb(32,148,144)
```
#23a4a0
```
#23a4a0 rgb(35,164,160)
```
#27b4af
```
#27b4af rgb(39,180,175)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```

Shade Color Variation

#2fd2cd
```
#2fd2cd rgb(47,210,205)
```
#3fd6d1
```
#3fd6d1 rgb(63,214,209)
```
#4fd9d5
```
#4fd9d5 rgb(79,217,213)
```
#60ddd9
```
#60ddd9 rgb(96,221,217)
```
#70e0dd
```
#70e0dd rgb(112,224,221)
```
#80e4e1
```
#80e4e1 rgb(128,228,225)
```
#90e7e4
```
#90e7e4 rgb(144,231,228)
```
#a0ebe8
```
#a0ebe8 rgb(160,235,232)
```
#b0eeec
```
#b0eeec rgb(176,238,236)
```
#c1f2f0
```
#c1f2f0 rgb(193,242,240)
```
#d1f5f4
```
#d1f5f4 rgb(209,245,244)
```
#e1f9f8
```
#e1f9f8 rgb(225,249,248)
```
#f1fcfc
```
#f1fcfc rgb(241,252,252)
```

Tint Color Variation

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

#737b7b
```
#737b7b rgb(115,123,123)
```
#6a8483
```
#6a8483 rgb(106,132,131)
```
#618d8c
```
#618d8c rgb(97,141,140)
```
#589694
```
#589694 rgb(88,150,148)
```
#4f9f9d
```
#4f9f9d rgb(79,159,157)
```
#45a9a5
```
#45a9a5 rgb(69,169,165)
```
#3cb2ae
```
#3cb2ae rgb(60,178,174)
```
#33bbb6
```
#33bbb6 rgb(51,187,182)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#21cdc8
```
#21cdc8 rgb(33,205,200)
```
#18d6d0
```
#18d6d0 rgb(24,214,208)
```
#0fdfd9
```
#0fdfd9 rgb(15,223,217)
```
#05e9e1
```
#05e9e1 rgb(5,233,225)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b7 Protanopia 1% of men
#bab0ca Deuteranopia 1% of men
#44c4d2 Tritanopia 0.001% of the population

Trichromacy

#83b9ba Protanomaly 1% of men, 0.01% of women
#85b7c6 Deuteranomaly 6% of men, 0.4% of women
#3ac4cb Tritanomaly 0.01% of the population