#2abab1 hex color

In a RGB color space, hex #2abab1 is composed of 16.5% red, 72.9% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 0% magenta, 4.8% yellow and 27.1% black. It has a hue angle of 176.3 degrees, a saturation of 63.2% and a lightness of 44.7%. #2abab1 color hex could be obtained by blending #54ffff with #007563. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 73
- B 69
RGB color chart
- C 77
- M 0
- Y 5
- K 27
CMYK color chart

● #2abab1 color description : Strong cyan.

The hexadecimal color #2abab1 has RGB values of R:42, G:186, B:177 and CMYK values of C:0.77, M:0, Y:0.05, K:0.27. Its decimal value is 2800305.

Hex triplet	2abab1	`#2abab1`
RGB Decimal	42, 186, 177	`rgb(42,186,177)`
RGB Percent	16.5, 72.9, 69.4	`rgb(16.5%,72.9%,69.4%)`
CMYK	77, 0, 5, 27
HSL	176.3°, 63.2, 44.7	`hsl(176.3,63.2%,44.7%)`
HSV (or HSB)	176.3°, 77.4, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.593, -38.2, -6.031
XYZ	26.447, 38.782, 47.684
xyY	0.234, 0.343, 38.782
CIE-LCH	68.593, 38.673, 188.971
CIE-LUV	68.593, -50.845, -3.313
Hunter-Lab	62.275, -33.176, -1.806
Binary	00101010, 10111010, 10110001

#2abab1
```
#2abab1 rgb(42,186,177)
```
#ba2a33
```
#ba2a33 rgb(186,42,51)
```

Complementary Color

#2aba69
```
#2aba69 rgb(42,186,105)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#2a7bba
```
#2a7bba rgb(42,123,186)
```

Analogous Color

#ba692a
```
#ba692a rgb(186,105,42)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#ba2a7b
```
#ba2a7b rgb(186,42,123)
```

Split Complementary Color

#bab12a
```
#bab12a rgb(186,177,42)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#b12aba
```
#b12aba rgb(177,42,186)
```

Triadic Color

#33ba2a
```
#33ba2a rgb(51,186,42)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#b12aba
```
#b12aba rgb(177,42,186)
```
#ba2a33
```
#ba2a33 rgb(186,42,51)
```

Tetradic Color

#1c7c76
```
#1c7c76 rgb(28,124,118)
```
#219089
```
#219089 rgb(33,144,137)
```
#25a59d
```
#25a59d rgb(37,165,157)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#2fcfc5
```
#2fcfc5 rgb(47,207,197)
```
#43d4cb
```
#43d4cb rgb(67,212,203)
```
#57d9d1
```
#57d9d1 rgb(87,217,209)
```

Monochromatic Color

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

#2aba8d
```
#2aba8d rgb(42,186,141)
```
#2aba99
```
#2aba99 rgb(42,186,153)
```
#2abaa5
```
#2abaa5 rgb(42,186,165)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#2ab7ba
```
#2ab7ba rgb(42,183,186)
```
#2aabba
```
#2aabba rgb(42,171,186)
```
#2a9fba
```
#2a9fba rgb(42,159,186)
```

Similar Colors

Text with hexadecimal color #2abab1

This text has a font color of #2abab1.

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

#2abab1 background color

This paragraph has a background color of #2abab1.

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

#2abab1 border color

This element has a border color of #2abab1.

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

CSS codes

.text {color:#2abab1;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061a19
```
#061a19 rgb(6,26,25)
```
#092a28
```
#092a28 rgb(9,42,40)
```
#0d3a37
```
#0d3a37 rgb(13,58,55)
```
#114a46
```
#114a46 rgb(17,74,70)
```
#145a56
```
#145a56 rgb(20,90,86)
```
#186a65
```
#186a65 rgb(24,106,101)
```
#1c7a74
```
#1c7a74 rgb(28,122,116)
```
#1f8a83
```
#1f8a83 rgb(31,138,131)
```
#239a93
```
#239a93 rgb(35,154,147)
```
#26aaa2
```
#26aaa2 rgb(38,170,162)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#2ecac0
```
#2ecac0 rgb(46,202,192)
```

Shade Color Variation

#39d2c9
```
#39d2c9 rgb(57,210,201)
```
#49d6cd
```
#49d6cd rgb(73,214,205)
```
#59dad1
```
#59dad1 rgb(89,218,209)
```
#69ddd6
```
#69ddd6 rgb(105,221,214)
```
#79e1da
```
#79e1da rgb(121,225,218)
```
#89e4df
```
#89e4df rgb(137,228,223)
```
#99e8e3
```
#99e8e3 rgb(153,232,227)
```
#a9ece7
```
#a9ece7 rgb(169,236,231)
```
#b9efec
```
#b9efec rgb(185,239,236)
```
#c9f3f0
```
#c9f3f0 rgb(201,243,240)
```
#d9f6f5
```
#d9f6f5 rgb(217,246,245)
```
#e9faf9
```
#e9faf9 rgb(233,250,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#707474
```
#707474 rgb(112,116,116)
```
#677d7b
```
#677d7b rgb(103,125,123)
```
#5f8583
```
#5f8583 rgb(95,133,131)
```
#568e8b
```
#568e8b rgb(86,142,139)
```
#4d9792
```
#4d9792 rgb(77,151,146)
```
#44a09a
```
#44a09a rgb(68,160,154)
```
#3ca8a2
```
#3ca8a2 rgb(60,168,162)
```
#33b1a9
```
#33b1a9 rgb(51,177,169)
```
#2abab1
```
#2abab1 rgb(42,186,177)
```
#21c3b9
```
#21c3b9 rgb(33,195,185)
```
#18ccc0
```
#18ccc0 rgb(24,204,192)
```
#10d4c8
```
#10d4c8 rgb(16,212,200)
```
#07ddd0
```
#07ddd0 rgb(7,221,208)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a9795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabab Protanopia 1% of men
#b3a7bd Deuteranopia 1% of men
#45bac8 Tritanopia 0.001% of the population

Trichromacy

#7eb0ad Protanomaly 1% of men, 0.01% of women
#81aeb8 Deuteranomaly 6% of men, 0.4% of women
#3bbabf Tritanomaly 0.01% of the population

#2abab1 hex color

#2abab1 Color Information

#2abab1 Color Conversion

Color Schemes with #2abab1

Alternatives to #2abab1

#2abab1 Preview

Shades and Tints of #2abab1

Tones of #2abab1

Color Blindness Simulator