#2accb4 hex color

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

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

● #2accb4 color description : Strong cyan.

The hexadecimal color #2accb4 has RGB values of R:42, G:204, B:180 and CMYK values of C:0.79, M:0, Y:0.12, K:0.2. Its decimal value is 2804916.

Hex triplet	2accb4	`#2accb4`
RGB Decimal	42, 204, 180	`rgb(42,204,180)`
RGB Percent	16.5, 80, 70.6	`rgb(16.5%,80%,70.6%)`
CMYK	79, 0, 12, 20
HSL	171.1°, 65.9, 48.2	`hsl(171.1,65.9%,48.2%)`
HSV (or HSB)	171.1°, 79.4, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.171, -45.298, 0.53
XYZ	30.783, 46.97, 50.621
xyY	0.24, 0.366, 46.97
CIE-LCH	74.171, 45.301, 179.33
CIE-LUV	74.171, -56.939, 7.851
Hunter-Lab	68.535, -39.761, 4.182
Binary	00101010, 11001100, 10110100

#2accb4
```
#2accb4 rgb(42,204,180)
```
#cc2a42
```
#cc2a42 rgb(204,42,66)
```

Complementary Color

#2acc63
```
#2acc63 rgb(42,204,99)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#2a93cc
```
#2a93cc rgb(42,147,204)
```

Analogous Color

#cc632a
```
#cc632a rgb(204,99,42)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#cc2a93
```
#cc2a93 rgb(204,42,147)
```

Split Complementary Color

#ccb42a
```
#ccb42a rgb(204,180,42)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#b42acc
```
#b42acc rgb(180,42,204)
```

Triadic Color

#42cc2a
```
#42cc2a rgb(66,204,42)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#b42acc
```
#b42acc rgb(180,42,204)
```
#cc2a42
```
#cc2a42 rgb(204,42,66)
```

Tetradic Color

#1d8d7c
```
#1d8d7c rgb(29,141,124)
```
#21a28f
```
#21a28f rgb(33,162,143)
```
#26b7a1
```
#26b7a1 rgb(38,183,161)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#39d6bf
```
#39d6bf rgb(57,214,191)
```
#4edbc6
```
#4edbc6 rgb(78,219,198)
```
#64dfcd
```
#64dfcd rgb(100,223,205)
```

Monochromatic Color

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

#2acc8c
```
#2acc8c rgb(42,204,140)
```
#2acc99
```
#2acc99 rgb(42,204,153)
```
#2acca7
```
#2acca7 rgb(42,204,167)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#2accc2
```
#2accc2 rgb(42,204,194)
```
#2ac9cc
```
#2ac9cc rgb(42,201,204)
```
#2abccc
```
#2abccc rgb(42,188,204)
```

Similar Colors

Text with hexadecimal color #2accb4

This text has a font color of #2accb4.

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

#2accb4 background color

This paragraph has a background color of #2accb4.

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

#2accb4 border color

This element has a border color of #2accb4.

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

CSS codes

.text {color:#2accb4;}

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

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

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)
```
#051916
```
#051916 rgb(5,25,22)
```
#092924
```
#092924 rgb(9,41,36)
```
#0c3a33
```
#0c3a33 rgb(12,58,51)
```
#0f4a41
```
#0f4a41 rgb(15,74,65)
```
#135a50
```
#135a50 rgb(19,90,80)
```
#166a5e
```
#166a5e rgb(22,106,94)
```
#197b6c
```
#197b6c rgb(25,123,108)
```
#1d8b7b
```
#1d8b7b rgb(29,139,123)
```
#209b89
```
#209b89 rgb(32,155,137)
```
#23ab97
```
#23ab97 rgb(35,171,151)
```
#27bca6
```
#27bca6 rgb(39,188,166)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```

Shade Color Variation

#34d5bd
```
#34d5bd rgb(52,213,189)
```
#45d9c3
```
#45d9c3 rgb(69,217,195)
```
#55dcc8
```
#55dcc8 rgb(85,220,200)
```
#65dfcd
```
#65dfcd rgb(101,223,205)
```
#75e3d2
```
#75e3d2 rgb(117,227,210)
```
#86e6d8
```
#86e6d8 rgb(134,230,216)
```
#96e9dd
```
#96e9dd rgb(150,233,221)
```
#a6ede2
```
#a6ede2 rgb(166,237,226)
```
#b6f0e8
```
#b6f0e8 rgb(182,240,232)
```
#c7f3ed
```
#c7f3ed rgb(199,243,237)
```
#d7f7f2
```
#d7f7f2 rgb(215,247,242)
```
#e7faf7
```
#e7faf7 rgb(231,250,247)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#76807f
```
#76807f rgb(118,128,127)
```
#6c8a85
```
#6c8a85 rgb(108,138,133)
```
#63938c
```
#63938c rgb(99,147,140)
```
#599d93
```
#599d93 rgb(89,157,147)
```
#50a699
```
#50a699 rgb(80,166,153)
```
#46b0a0
```
#46b0a0 rgb(70,176,160)
```
#3db9a7
```
#3db9a7 rgb(61,185,167)
```
#33c3ad
```
#33c3ad rgb(51,195,173)
```
#2accb4
```
#2accb4 rgb(42,204,180)
```
#21d5bb
```
#21d5bb rgb(33,213,187)
```
#17dfc1
```
#17dfc1 rgb(23,223,193)
```
#0ee8c8
```
#0ee8c8 rgb(14,232,200)
```
#04f2cf
```
#04f2cf rgb(4,242,207)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a39e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b9ad Protanopia 1% of men
#c8b4c1 Deuteranopia 1% of men
#4fc9d8 Tritanopia 0.001% of the population

Trichromacy

#89c0af Protanomaly 1% of men, 0.01% of women
#8ebdbc Deuteranomaly 6% of men, 0.4% of women
#42cacb Tritanomaly 0.01% of the population

#2accb4 hex color

#2accb4 Color Information

#2accb4 Color Conversion

Color Schemes with #2accb4

Alternatives to #2accb4

#2accb4 Preview

Shades and Tints of #2accb4

Tones of #2accb4

Color Blindness Simulator