#2ac5ca hex color

In a RGB color space, hex #2ac5ca is composed of 16.5% red, 77.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 2.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 181.9 degrees, a saturation of 65.6% and a lightness of 47.8%. #2ac5ca color hex could be obtained by blending #54ffff with #008b95. Closest websafe color is: #33cccc.

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

● #2ac5ca color description : Strong cyan.

The hexadecimal color #2ac5ca has RGB values of R:42, G:197, B:202 and CMYK values of C:0.79, M:0.02, Y:0, K:0.21. Its decimal value is 2803146.

Hex triplet	2ac5ca	`#2ac5ca`
RGB Decimal	42, 197, 202	`rgb(42,197,202)`
RGB Percent	16.5, 77.3, 79.2	`rgb(16.5%,77.3%,79.2%)`
CMYK	79, 2, 0, 21
HSL	181.9°, 65.6, 47.8	`hsl(181.9,65.6%,47.8%)`
HSV (or HSB)	181.9°, 79.2, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.685, -35.96, -13.607
XYZ	31.579, 44.686, 62.835
xyY	0.227, 0.321, 44.686
CIE-LCH	72.685, 38.448, 200.726
CIE-LUV	72.685, -52.889, -15.728
Hunter-Lab	66.848, -32.66, -8.938
Binary	00101010, 11000101, 11001010

#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#ca2f2a
```
#ca2f2a rgb(202,47,42)
```

Complementary Color

#2aca7f
```
#2aca7f rgb(42,202,127)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#2a75ca
```
#2a75ca rgb(42,117,202)
```

Analogous Color

#ca7f2a
```
#ca7f2a rgb(202,127,42)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#ca2a75
```
#ca2a75 rgb(202,42,117)
```

Split Complementary Color

#c5ca2a
```
#c5ca2a rgb(197,202,42)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#ca2ac5
```
#ca2ac5 rgb(202,42,197)
```

Triadic Color

#2aca2f
```
#2aca2f rgb(42,202,47)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#ca2ac5
```
#ca2ac5 rgb(202,42,197)
```
#ca2f2a
```
#ca2f2a rgb(202,47,42)
```

Tetradic Color

#1d878b
```
#1d878b rgb(29,135,139)
```
#219ca0
```
#219ca0 rgb(33,156,160)
```
#26b0b5
```
#26b0b5 rgb(38,176,181)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#38d1d6
```
#38d1d6 rgb(56,209,214)
```
#4dd6da
```
#4dd6da rgb(77,214,218)
```
#62dade
```
#62dade rgb(98,218,222)
```

Monochromatic Color

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

#2acaa7
```
#2acaa7 rgb(42,202,167)
```
#2acab4
```
#2acab4 rgb(42,202,180)
```
#2acac2
```
#2acac2 rgb(42,202,194)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#2ab8ca
```
#2ab8ca rgb(42,184,202)
```
#2aaaca
```
#2aaaca rgb(42,170,202)
```
#2a9dca
```
#2a9dca rgb(42,157,202)
```

Similar Colors

Text with hexadecimal color #2ac5ca

This text has a font color of #2ac5ca.

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

#2ac5ca background color

This paragraph has a background color of #2ac5ca.

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

#2ac5ca border color

This element has a border color of #2ac5ca.

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

CSS codes

.text {color:#2ac5ca;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#051717
```
#051717 rgb(5,23,23)
```
#082728
```
#082728 rgb(8,39,40)
```
#0c3638
```
#0c3638 rgb(12,54,56)
```
#0f4648
```
#0f4648 rgb(15,70,72)
```
#125658
```
#125658 rgb(18,86,88)
```
#166669
```
#166669 rgb(22,102,105)
```
#197679
```
#197679 rgb(25,118,121)
```
#1c8689
```
#1c8689 rgb(28,134,137)
```
#209599
```
#209599 rgb(32,149,153)
```
#23a5aa
```
#23a5aa rgb(35,165,170)
```
#27b5ba
```
#27b5ba rgb(39,181,186)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```

Shade Color Variation

#33d0d5
```
#33d0d5 rgb(51,208,213)
```
#43d3d8
```
#43d3d8 rgb(67,211,216)
```
#54d7db
```
#54d7db rgb(84,215,219)
```
#64dbdf
```
#64dbdf rgb(100,219,223)
```
#74dfe2
```
#74dfe2 rgb(116,223,226)
```
#84e2e5
```
#84e2e5 rgb(132,226,229)
```
#94e6e9
```
#94e6e9 rgb(148,230,233)
```
#a5eaec
```
#a5eaec rgb(165,234,236)
```
#b5eef0
```
#b5eef0 rgb(181,238,240)
```
#c5f2f3
```
#c5f2f3 rgb(197,242,243)
```
#d5f5f6
```
#d5f5f6 rgb(213,245,246)
```
#e6f9fa
```
#e6f9fa rgb(230,249,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757f7f is the less saturated color, while #04e8f0 is the most saturated one.

#757f7f
```
#757f7f rgb(117,127,127)
```
#6c8788
```
#6c8788 rgb(108,135,136)
```
#629092
```
#629092 rgb(98,144,146)
```
#59999b
```
#59999b rgb(89,153,155)
```
#50a2a4
```
#50a2a4 rgb(80,162,164)
```
#46abae
```
#46abae rgb(70,171,174)
```
#3db3b7
```
#3db3b7 rgb(61,179,183)
```
#33bcc1
```
#33bcc1 rgb(51,188,193)
```
#2ac5ca
```
#2ac5ca rgb(42,197,202)
```
#21ced3
```
#21ced3 rgb(33,206,211)
```
#17d7dd
```
#17d7dd rgb(23,215,221)
```
#0edfe6
```
#0edfe6 rgb(14,223,230)
```
#04e8f0
```
#04e8f0 rgb(4,232,240)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#81a0a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b5c1 Protanopia 1% of men
#b7b2d4 Deuteranopia 1% of men
#3ec6d5 Tritanopia 0.001% of the population

Trichromacy

#82bac4 Protanomaly 1% of men, 0.01% of women
#84b9d0 Deuteranomaly 6% of men, 0.4% of women
#36c6d1 Tritanomaly 0.01% of the population

#2ac5ca hex color

#2ac5ca Color Information

#2ac5ca Color Conversion

Color Schemes with #2ac5ca

Alternatives to #2ac5ca

#2ac5ca Preview

Shades and Tints of #2ac5ca

Tones of #2ac5ca

Color Blindness Simulator