#2accc4 hex color

In a RGB color space, hex #2accc4 is composed of 16.5% red, 80% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 0% magenta, 3.9% yellow and 20% black. It has a hue angle of 177 degrees, a saturation of 65.9% and a lightness of 48.2%. #2accc4 color hex could be obtained by blending #54ffff with #009989. Closest websafe color is: #33cccc.

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

● #2accc4 color description : Strong cyan.

The hexadecimal color #2accc4 has RGB values of R:42, G:204, B:196 and CMYK values of C:0.79, M:0, Y:0.04, K:0.2. Its decimal value is 2804932.

Hex triplet	2accc4	`#2accc4`
RGB Decimal	42, 204, 196	`rgb(42,204,196)`
RGB Percent	16.5, 80, 76.9	`rgb(16.5%,80%,76.9%)`
CMYK	79, 0, 4, 20
HSL	177°, 65.9, 48.2	`hsl(177,65.9%,48.2%)`
HSV (or HSB)	177°, 79.4, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.61, -40.893, -7.477
XYZ	32.508, 47.66, 59.708
xyY	0.232, 0.341, 47.66
CIE-LCH	74.61, 41.571, 190.362
CIE-LUV	74.61, -55.767, -5.221
Hunter-Lab	69.036, -36.761, -2.953
Binary	00101010, 11001100, 11000100

#2accc4
```
#2accc4 rgb(42,204,196)
```
#cc2a32
```
#cc2a32 rgb(204,42,50)
```

Complementary Color

#2acc73
```
#2acc73 rgb(42,204,115)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#2a83cc
```
#2a83cc rgb(42,131,204)
```

Analogous Color

#cc732a
```
#cc732a rgb(204,115,42)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#cc2a83
```
#cc2a83 rgb(204,42,131)
```

Split Complementary Color

#ccc42a
```
#ccc42a rgb(204,196,42)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#c42acc
```
#c42acc rgb(196,42,204)
```

Triadic Color

#32cc2a
```
#32cc2a rgb(50,204,42)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#c42acc
```
#c42acc rgb(196,42,204)
```
#cc2a32
```
#cc2a32 rgb(204,42,50)
```

Tetradic Color

#1d8d87
```
#1d8d87 rgb(29,141,135)
```
#21a29b
```
#21a29b rgb(33,162,155)
```
#26b7b0
```
#26b7b0 rgb(38,183,176)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#39d6cf
```
#39d6cf rgb(57,214,207)
```
#4edbd4
```
#4edbd4 rgb(78,219,212)
```
#64dfd9
```
#64dfd9 rgb(100,223,217)
```

Monochromatic Color

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

#2acc9c
```
#2acc9c rgb(42,204,156)
```
#2acca9
```
#2acca9 rgb(42,204,169)
```
#2accb7
```
#2accb7 rgb(42,204,183)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#2ac7cc
```
#2ac7cc rgb(42,199,204)
```
#2ab9cc
```
#2ab9cc rgb(42,185,204)
```
#2aaccc
```
#2aaccc rgb(42,172,204)
```

Similar Colors

Text with hexadecimal color #2accc4

This text has a font color of #2accc4.

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

#2accc4 background color

This paragraph has a background color of #2accc4.

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

#2accc4 border color

This element has a border color of #2accc4.

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

CSS codes

.text {color:#2accc4;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#051918
```
#051918 rgb(5,25,24)
```
#092928
```
#092928 rgb(9,41,40)
```
#0c3a37
```
#0c3a37 rgb(12,58,55)
```
#0f4a47
```
#0f4a47 rgb(15,74,71)
```
#135a57
```
#135a57 rgb(19,90,87)
```
#166a66
```
#166a66 rgb(22,106,102)
```
#197b76
```
#197b76 rgb(25,123,118)
```
#1d8b85
```
#1d8b85 rgb(29,139,133)
```
#209b95
```
#209b95 rgb(32,155,149)
```
#23aba5
```
#23aba5 rgb(35,171,165)
```
#27bcb4
```
#27bcb4 rgb(39,188,180)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```

Shade Color Variation

#34d5cd
```
#34d5cd rgb(52,213,205)
```
#45d9d1
```
#45d9d1 rgb(69,217,209)
```
#55dcd5
```
#55dcd5 rgb(85,220,213)
```
#65dfd9
```
#65dfd9 rgb(101,223,217)
```
#75e3dd
```
#75e3dd rgb(117,227,221)
```
#86e6e1
```
#86e6e1 rgb(134,230,225)
```
#96e9e5
```
#96e9e5 rgb(150,233,229)
```
#a6ede9
```
#a6ede9 rgb(166,237,233)
```
#b6f0ed
```
#b6f0ed rgb(182,240,237)
```
#c7f3f1
```
#c7f3f1 rgb(199,243,241)
```
#d7f7f5
```
#d7f7f5 rgb(215,247,245)
```
#e7faf9
```
#e7faf9 rgb(231,250,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#768080
```
#768080 rgb(118,128,128)
```
#6c8a88
```
#6c8a88 rgb(108,138,136)
```
#639391
```
#639391 rgb(99,147,145)
```
#599d99
```
#599d99 rgb(89,157,153)
```
#50a6a2
```
#50a6a2 rgb(80,166,162)
```
#46b0aa
```
#46b0aa rgb(70,176,170)
```
#3db9b3
```
#3db9b3 rgb(61,185,179)
```
#33c3bb
```
#33c3bb rgb(51,195,187)
```
#2accc4
```
#2accc4 rgb(42,204,196)
```
#21d5cd
```
#21d5cd rgb(33,213,205)
```
#17dfd5
```
#17dfd5 rgb(23,223,213)
```
#0ee8de
```
#0ee8de rgb(14,232,222)
```
#04f2e6
```
#04f2e6 rgb(4,242,230)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#84a5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebabb Protanopia 1% of men
#c2b6cf Deuteranopia 1% of men
#47cbda Tritanopia 0.001% of the population

Trichromacy

#88c0be Protanomaly 1% of men, 0.01% of women
#8bbecb Deuteranomaly 6% of men, 0.4% of women
#3ccbd2 Tritanomaly 0.01% of the population

#2accc4 hex color

#2accc4 Color Information

#2accc4 Color Conversion

Color Schemes with #2accc4

Alternatives to #2accc4

#2accc4 Preview

Shades and Tints of #2accc4

Tones of #2accc4

Color Blindness Simulator