colorhexa.com

#2cacb4 hex color

In a RGB color space, hex #2cacb4 is composed of 17.3% red, 67.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 4.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 183.5 degrees, a saturation of 60.7% and a lightness of 43.9%. #2cacb4 color hex could be obtained by blending #58ffff with #005969. Closest websafe color is: #3399cc.

- R 17
- G 67
- B 71
RGB color chart
- C 76
- M 4
- Y 0
- K 29
CMYK color chart

● #2cacb4 color description : Strong cyan.

The hexadecimal color #2cacb4 has RGB values of R:44, G:172, B:180 and CMYK values of C:0.76, M:0.04, Y:0, K:0.29. Its decimal value is 2927796.

Hex triplet	2cacb4	`#2cacb4`
RGB Decimal	44, 172, 180	`rgb(44,172,180)`
RGB Percent	17.3, 67.5, 70.6	`rgb(17.3%,67.5%,70.6%)`
CMYK	76, 4, 0, 29
HSL	183.5°, 60.7, 43.9	`hsl(183.5,60.7%,43.9%)`
HSV (or HSB)	183.5°, 75.6, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.43, -30.533, -13.906
XYZ	24.027, 33.334, 48.345
xyY	0.227, 0.315, 33.334
CIE-LCH	64.43, 33.551, 204.487
CIE-LUV	64.43, -45.393, -16.707
Hunter-Lab	57.735, -26.752, -9.232
Binary	00101100, 10101100, 10110100

#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#b4342c
```
#b4342c rgb(180,52,44)
```

Complementary Color

#2cb478
```
#2cb478 rgb(44,180,120)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#2c68b4
```
#2c68b4 rgb(44,104,180)
```

Analogous Color

#b4782c
```
#b4782c rgb(180,120,44)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#b42c68
```
#b42c68 rgb(180,44,104)
```

Split Complementary Color

#acb42c
```
#acb42c rgb(172,180,44)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#b42cac
```
#b42cac rgb(180,44,172)
```

Triadic Color

#2cb434
```
#2cb434 rgb(44,180,52)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#b42cac
```
#b42cac rgb(180,44,172)
```
#b4342c
```
#b4342c rgb(180,52,44)
```

Tetradic Color

#1d7177
```
#1d7177 rgb(29,113,119)
```
#22858b
```
#22858b rgb(34,133,139)
```
#2798a0
```
#2798a0 rgb(39,152,160)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#31c0c8
```
#31c0c8 rgb(49,192,200)
```
#42c8d1
```
#42c8d1 rgb(66,200,209)
```
#57ced6
```
#57ced6 rgb(87,206,214)
```

Monochromatic Color

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

#2cb49a
```
#2cb49a rgb(44,180,154)
```
#2cb4a5
```
#2cb4a5 rgb(44,180,165)
```
#2cb4b1
```
#2cb4b1 rgb(44,180,177)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#2ca1b4
```
#2ca1b4 rgb(44,161,180)
```
#2c95b4
```
#2c95b4 rgb(44,149,180)
```
#2c8ab4
```
#2c8ab4 rgb(44,138,180)
```

Similar Colors

Text with hexadecimal color #2cacb4

This text has a font color of #2cacb4.

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

#2cacb4 background color

This paragraph has a background color of #2cacb4.

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

#2cacb4 border color

This element has a border color of #2cacb4.

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

CSS codes

.text {color:#2cacb4;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051516
```
#051516 rgb(5,21,22)
```
#092426
```
#092426 rgb(9,36,38)
```
#0d3436
```
#0d3436 rgb(13,52,54)
```
#114346
```
#114346 rgb(17,67,70)
```
#155255
```
#155255 rgb(21,82,85)
```
#196165
```
#196165 rgb(25,97,101)
```
#1d7075
```
#1d7075 rgb(29,112,117)
```
#207f85
```
#207f85 rgb(32,127,133)
```
#248e94
```
#248e94 rgb(36,142,148)
```
#289da4
```
#289da4 rgb(40,157,164)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#30bbc4
```
#30bbc4 rgb(48,187,196)
```

Shade Color Variation

#39c6cf
```
#39c6cf rgb(57,198,207)
```
#48cad2
```
#48cad2 rgb(72,202,210)
```
#58cfd6
```
#58cfd6 rgb(88,207,214)
```
#68d3da
```
#68d3da rgb(104,211,218)
```
#78d8de
```
#78d8de rgb(120,216,222)
```
#88dce2
```
#88dce2 rgb(136,220,226)
```
#97e1e6
```
#97e1e6 rgb(151,225,230)
```
#a7e6e9
```
#a7e6e9 rgb(167,230,233)
```
#b7eaed
```
#b7eaed rgb(183,234,237)
```
#c7eff1
```
#c7eff1 rgb(199,239,241)
```
#d6f3f5
```
#d6f3f5 rgb(214,243,245)
```
#e6f8f9
```
#e6f8f9 rgb(230,248,249)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

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

#687778
```
#687778 rgb(104,119,120)
```
#607e80
```
#607e80 rgb(96,126,128)
```
#578689
```
#578689 rgb(87,134,137)
```
#4e8e92
```
#4e8e92 rgb(78,142,146)
```
#46959a
```
#46959a rgb(70,149,154)
```
#3d9da3
```
#3d9da3 rgb(61,157,163)
```
#35a4ab
```
#35a4ab rgb(53,164,171)
```
#2cacb4
```
#2cacb4 rgb(44,172,180)
```
#23b4bd
```
#23b4bd rgb(35,180,189)
```
#1bbbc5
```
#1bbbc5 rgb(27,187,197)
```
#12c3ce
```
#12c3ce rgb(18,195,206)
```
#0acad6
```
#0acad6 rgb(10,202,214)
```
#01d2df
```
#01d2df rgb(1,210,223)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#758e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa0ae Protanopia 1% of men
#a09ebe Deuteranopia 1% of men
#3bafbc Tritanopia 0.001% of the population

Trichromacy

#75a4b0 Protanomaly 1% of men, 0.01% of women
#76a3ba Deuteranomaly 6% of men, 0.4% of women
#35aeb9 Tritanomaly 0.01% of the population