#2ab3ba hex color

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

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

● #2ab3ba color description : Strong cyan.

The hexadecimal color #2ab3ba has RGB values of R:42, G:179, B:186 and CMYK values of C:0.77, M:0.04, Y:0, K:0.27. Its decimal value is 2798522.

Hex triplet	2ab3ba	`#2ab3ba`
RGB Decimal	42, 179, 186	`rgb(42,179,186)`
RGB Percent	16.5, 70.2, 72.9	`rgb(16.5%,70.2%,72.9%)`
CMYK	77, 4, 0, 27
HSL	182.9°, 63.2, 44.7	`hsl(182.9,63.2%,44.7%)`
HSV (or HSB)	182.9°, 77.4, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.73, -32.288, -13.78
XYZ	25.935, 36.275, 52.087
xyY	0.227, 0.317, 36.275
CIE-LCH	66.73, 35.106, 203.112
CIE-LUV	66.73, -47.72, -16.347
Hunter-Lab	60.229, -28.536, -9.114
Binary	00101010, 10110011, 10111010

#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#ba312a
```
#ba312a rgb(186,49,42)
```

Complementary Color

#2aba79
```
#2aba79 rgb(42,186,121)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#2a6bba
```
#2a6bba rgb(42,107,186)
```

Analogous Color

#ba792a
```
#ba792a rgb(186,121,42)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#ba2a6b
```
#ba2a6b rgb(186,42,107)
```

Split Complementary Color

#b3ba2a
```
#b3ba2a rgb(179,186,42)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#ba2ab3
```
#ba2ab3 rgb(186,42,179)
```

Triadic Color

#2aba31
```
#2aba31 rgb(42,186,49)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#ba2ab3
```
#ba2ab3 rgb(186,42,179)
```
#ba312a
```
#ba312a rgb(186,49,42)
```

Tetradic Color

#1c777c
```
#1c777c rgb(28,119,124)
```
#218b90
```
#218b90 rgb(33,139,144)
```
#259fa5
```
#259fa5 rgb(37,159,165)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#2fc7cf
```
#2fc7cf rgb(47,199,207)
```
#43cdd4
```
#43cdd4 rgb(67,205,212)
```
#57d3d9
```
#57d3d9 rgb(87,211,217)
```

Monochromatic Color

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

#2aba9d
```
#2aba9d rgb(42,186,157)
```
#2abaa9
```
#2abaa9 rgb(42,186,169)
```
#2abab5
```
#2abab5 rgb(42,186,181)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#2aa7ba
```
#2aa7ba rgb(42,167,186)
```
#2a9bba
```
#2a9bba rgb(42,155,186)
```
#2a8fba
```
#2a8fba rgb(42,143,186)
```

Similar Colors

Text with hexadecimal color #2ab3ba

This text has a font color of #2ab3ba.

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

#2ab3ba background color

This paragraph has a background color of #2ab3ba.

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

#2ab3ba border color

This element has a border color of #2ab3ba.

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

CSS codes

.text {color:#2ab3ba;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#09282a
```
#09282a rgb(9,40,42)
```
#0d383a
```
#0d383a rgb(13,56,58)
```
#11474a
```
#11474a rgb(17,71,74)
```
#14575a
```
#14575a rgb(20,87,90)
```
#18666a
```
#18666a rgb(24,102,106)
```
#1c757a
```
#1c757a rgb(28,117,122)
```
#1f858a
```
#1f858a rgb(31,133,138)
```
#23949a
```
#23949a rgb(35,148,154)
```
#26a4aa
```
#26a4aa rgb(38,164,170)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#2ec2ca
```
#2ec2ca rgb(46,194,202)
```

Shade Color Variation

#39cbd2
```
#39cbd2 rgb(57,203,210)
```
#49cfd6
```
#49cfd6 rgb(73,207,214)
```
#59d3da
```
#59d3da rgb(89,211,218)
```
#69d7dd
```
#69d7dd rgb(105,215,221)
```
#79dce1
```
#79dce1 rgb(121,220,225)
```
#89e0e4
```
#89e0e4 rgb(137,224,228)
```
#99e4e8
```
#99e4e8 rgb(153,228,232)
```
#a9e8ec
```
#a9e8ec rgb(169,232,236)
```
#b9edef
```
#b9edef rgb(185,237,239)
```
#c9f1f3
```
#c9f1f3 rgb(201,241,243)
```
#d9f5f6
```
#d9f5f6 rgb(217,245,246)
```
#e9f9fa
```
#e9f9fa rgb(233,249,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#707474
```
#707474 rgb(112,116,116)
```
#677c7d
```
#677c7d rgb(103,124,125)
```
#5f8485
```
#5f8485 rgb(95,132,133)
```
#568b8e
```
#568b8e rgb(86,139,142)
```
#4d9397
```
#4d9397 rgb(77,147,151)
```
#449ba0
```
#449ba0 rgb(68,155,160)
```
#3ca3a8
```
#3ca3a8 rgb(60,163,168)
```
#33abb1
```
#33abb1 rgb(51,171,177)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```
#21bbc3
```
#21bbc3 rgb(33,187,195)
```
#18c3cc
```
#18c3cc rgb(24,195,204)
```
#10cbd4
```
#10cbd4 rgb(16,203,212)
```
#07d3dd
```
#07d3dd rgb(7,211,221)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#789394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b3 Protanopia 1% of men
#a7a3c4 Deuteranopia 1% of men
#3ab6c3 Tritanopia 0.001% of the population

Trichromacy

#78aab6 Protanomaly 1% of men, 0.01% of women
#79a9c0 Deuteranomaly 6% of men, 0.4% of women
#34b4bf Tritanomaly 0.01% of the population

#2ab3ba hex color

#2ab3ba Color Information

#2ab3ba Color Conversion

Color Schemes with #2ab3ba

Alternatives to #2ab3ba

#2ab3ba Preview

Shades and Tints of #2ab3ba

Tones of #2ab3ba

Color Blindness Simulator