#2abcc4 hex color

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

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

● #2abcc4 color description : Strong cyan.

The hexadecimal color #2abcc4 has RGB values of R:42, G:188, B:196 and CMYK values of C:0.79, M:0.04, Y:0, K:0.23. Its decimal value is 2800836.

Hex triplet	2abcc4	`#2abcc4`
RGB Decimal	42, 188, 196	`rgb(42,188,196)`
RGB Percent	16.5, 73.7, 76.9	`rgb(16.5%,73.7%,76.9%)`
CMYK	79, 4, 0, 23
HSL	183.1°, 64.7, 46.7	`hsl(183.1,64.7%,46.7%)`
HSV (or HSB)	183.1°, 78.6, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.783, -33.538, -14.693
XYZ	28.899, 40.441, 58.504
xyY	0.226, 0.316, 40.441
CIE-LCH	69.783, 36.615, 203.659
CIE-LUV	69.783, -50.177, -17.744
Hunter-Lab	63.594, -30.173, -10.03
Binary	00101010, 10111100, 11000100

#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#c4322a
```
#c4322a rgb(196,50,42)
```

Complementary Color

#2ac47f
```
#2ac47f rgb(42,196,127)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#2a6fc4
```
#2a6fc4 rgb(42,111,196)
```

Analogous Color

#c47f2a
```
#c47f2a rgb(196,127,42)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#c42a6f
```
#c42a6f rgb(196,42,111)
```

Split Complementary Color

#bcc42a
```
#bcc42a rgb(188,196,42)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#c42abc
```
#c42abc rgb(196,42,188)
```

Triadic Color

#2ac432
```
#2ac432 rgb(42,196,50)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#c42abc
```
#c42abc rgb(196,42,188)
```
#c4322a
```
#c4322a rgb(196,50,42)
```

Tetradic Color

#1d8085
```
#1d8085 rgb(29,128,133)
```
#21949a
```
#21949a rgb(33,148,154)
```
#26a8af
```
#26a8af rgb(38,168,175)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#34cbd4
```
#34cbd4 rgb(52,203,212)
```
#49d1d8
```
#49d1d8 rgb(73,209,216)
```
#5ed6dd
```
#5ed6dd rgb(94,214,221)
```

Monochromatic Color

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

#2ac4a6
```
#2ac4a6 rgb(42,196,166)
```
#2ac4b2
```
#2ac4b2 rgb(42,196,178)
```
#2ac4bf
```
#2ac4bf rgb(42,196,191)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#2aafc4
```
#2aafc4 rgb(42,175,196)
```
#2aa2c4
```
#2aa2c4 rgb(42,162,196)
```
#2a96c4
```
#2a96c4 rgb(42,150,196)
```

Similar Colors

Text with hexadecimal color #2abcc4

This text has a font color of #2abcc4.

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

#2abcc4 background color

This paragraph has a background color of #2abcc4.

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

#2abcc4 border color

This element has a border color of #2abcc4.

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

CSS codes

.text {color:#2abcc4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041212
```
#041212 rgb(4,18,18)
```
#072122
```
#072122 rgb(7,33,34)
```
#0b3133
```
#0b3133 rgb(11,49,51)
```
#0e4043
```
#0e4043 rgb(14,64,67)
```
#125053
```
#125053 rgb(18,80,83)
```
#155f63
```
#155f63 rgb(21,95,99)
```
#196f73
```
#196f73 rgb(25,111,115)
```
#1c7e83
```
#1c7e83 rgb(28,126,131)
```
#208e94
```
#208e94 rgb(32,142,148)
```
#239da4
```
#239da4 rgb(35,157,164)
```
#27adb4
```
#27adb4 rgb(39,173,180)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```

Shade Color Variation

#2fcad2
```
#2fcad2 rgb(47,202,210)
```
#3fced6
```
#3fced6 rgb(63,206,214)
```
#4fd2d9
```
#4fd2d9 rgb(79,210,217)
```
#60d6dd
```
#60d6dd rgb(96,214,221)
```
#70dae0
```
#70dae0 rgb(112,218,224)
```
#80dfe4
```
#80dfe4 rgb(128,223,228)
```
#90e3e7
```
#90e3e7 rgb(144,227,231)
```
#a0e7eb
```
#a0e7eb rgb(160,231,235)
```
#b0ebee
```
#b0ebee rgb(176,235,238)
```
#c1eff2
```
#c1eff2 rgb(193,239,242)
```
#d1f3f5
```
#d1f3f5 rgb(209,243,245)
```
#e1f7f9
```
#e1f7f9 rgb(225,247,249)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

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

#737a7b
```
#737a7b rgb(115,122,123)
```
#6a8384
```
#6a8384 rgb(106,131,132)
```
#618b8d
```
#618b8d rgb(97,139,141)
```
#589396
```
#589396 rgb(88,147,150)
```
#4f9b9f
```
#4f9b9f rgb(79,155,159)
```
#45a3a9
```
#45a3a9 rgb(69,163,169)
```
#3cacb2
```
#3cacb2 rgb(60,172,178)
```
#33b4bb
```
#33b4bb rgb(51,180,187)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#21c4cd
```
#21c4cd rgb(33,196,205)
```
#18ccd6
```
#18ccd6 rgb(24,204,214)
```
#0fd5df
```
#0fd5df rgb(15,213,223)
```
#05dde9
```
#05dde9 rgb(5,221,233)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7c9a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadbc Protanopia 1% of men
#aeabce Deuteranopia 1% of men
#3abecc Tritanopia 0.001% of the population

Trichromacy

#7db2bf Protanomaly 1% of men, 0.01% of women
#7eb1ca Deuteranomaly 6% of men, 0.4% of women
#34bdc9 Tritanomaly 0.01% of the population

#2abcc4 hex color

#2abcc4 Color Information

#2abcc4 Color Conversion

Color Schemes with #2abcc4

Alternatives to #2abcc4

#2abcc4 Preview

Shades and Tints of #2abcc4

Tones of #2abcc4

Color Blindness Simulator