#2ba2c1 hex color

In a RGB color space, hex #2ba2c1 is composed of 16.9% red, 63.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 16.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 192.4 degrees, a saturation of 63.6% and a lightness of 46.3%. #2ba2c1 color hex could be obtained by blending #56ffff with #004583. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 76
RGB color chart
- C 78
- M 16
- Y 0
- K 24
CMYK color chart

● #2ba2c1 color description : Strong cyan.

The hexadecimal color #2ba2c1 has RGB values of R:43, G:162, B:193 and CMYK values of C:0.78, M:0.16, Y:0, K:0.24. Its decimal value is 2859713.

Hex triplet	2ba2c1	`#2ba2c1`
RGB Decimal	43, 162, 193	`rgb(43,162,193)`
RGB Percent	16.9, 63.5, 75.7	`rgb(16.9%,63.5%,75.7%)`
CMYK	78, 16, 0, 24
HSL	192.4°, 63.6, 46.3	`hsl(192.4,63.6%,46.3%)`
HSV (or HSB)	192.4°, 77.7, 75.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.828, -21.472, -25.131
XYZ	23.54, 30.202, 55.038
xyY	0.216, 0.278, 30.202
CIE-LCH	61.828, 33.055, 229.49
CIE-LUV	61.828, -41.076, -35.956
Hunter-Lab	54.957, -19.717, -20.908
Binary	00101011, 10100010, 11000001

#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#c14a2b
```
#c14a2b rgb(193,74,43)
```

Complementary Color

#2bc195
```
#2bc195 rgb(43,193,149)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#2b57c1
```
#2b57c1 rgb(43,87,193)
```

Analogous Color

#c1952b
```
#c1952b rgb(193,149,43)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#c12b57
```
#c12b57 rgb(193,43,87)
```

Split Complementary Color

#a2c12b
```
#a2c12b rgb(162,193,43)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#c12ba2
```
#c12ba2 rgb(193,43,162)
```

Triadic Color

#2bc14a
```
#2bc14a rgb(43,193,74)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#c12ba2
```
#c12ba2 rgb(193,43,162)
```
#c14a2b
```
#c14a2b rgb(193,74,43)
```

Tetradic Color

#1d6d82
```
#1d6d82 rgb(29,109,130)
```
#227f97
```
#227f97 rgb(34,127,151)
```
#2690ac
```
#2690ac rgb(38,144,172)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#34b1d2
```
#34b1d2 rgb(52,177,210)
```
#49b9d6
```
#49b9d6 rgb(73,185,214)
```
#5dc1db
```
#5dc1db rgb(93,193,219)
```

Monochromatic Color

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

#2bc1bb
```
#2bc1bb rgb(43,193,187)
```
#2bbbc1
```
#2bbbc1 rgb(43,187,193)
```
#2bafc1
```
#2bafc1 rgb(43,175,193)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#2b96c1
```
#2b96c1 rgb(43,150,193)
```
#2b89c1
```
#2b89c1 rgb(43,137,193)
```
#2b7dc1
```
#2b7dc1 rgb(43,125,193)
```

Similar Colors

Text with hexadecimal color #2ba2c1

This text has a font color of #2ba2c1.

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

#2ba2c1 background color

This paragraph has a background color of #2ba2c1.

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

#2ba2c1 border color

This element has a border color of #2ba2c1.

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

CSS codes

.text {color:#2ba2c1;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#071b21
```
#071b21 rgb(7,27,33)
```
#0b2931
```
#0b2931 rgb(11,41,49)
```
#0e3641
```
#0e3641 rgb(14,54,65)
```
#124451
```
#124451 rgb(18,68,81)
```
#165161
```
#165161 rgb(22,81,97)
```
#195f71
```
#195f71 rgb(25,95,113)
```
#1d6c81
```
#1d6c81 rgb(29,108,129)
```
#207a91
```
#207a91 rgb(32,122,145)
```
#2487a1
```
#2487a1 rgb(36,135,161)
```
#2795b1
```
#2795b1 rgb(39,149,177)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```

Shade Color Variation

#2fafd1
```
#2fafd1 rgb(47,175,209)
```
#3fb5d4
```
#3fb5d4 rgb(63,181,212)
```
#4fbcd8
```
#4fbcd8 rgb(79,188,216)
```
#5fc2db
```
#5fc2db rgb(95,194,219)
```
#6fc8df
```
#6fc8df rgb(111,200,223)
```
#7fcee3
```
#7fcee3 rgb(127,206,227)
```
#8fd4e6
```
#8fd4e6 rgb(143,212,230)
```
#9fdaea
```
#9fdaea rgb(159,218,234)
```
#afe0ed
```
#afe0ed rgb(175,224,237)
```
#bfe7f1
```
#bfe7f1 rgb(191,231,241)
```
#cfedf4
```
#cfedf4 rgb(207,237,244)
```
#dff3f8
```
#dff3f8 rgb(223,243,248)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Tint Color Variation

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

#747778
```
#747778 rgb(116,119,120)
```
#6b7d81
```
#6b7d81 rgb(107,125,129)
```
#61828b
```
#61828b rgb(97,130,139)
```
#588794
```
#588794 rgb(88,135,148)
```
#4f8d9d
```
#4f8d9d rgb(79,141,157)
```
#4692a6
```
#4692a6 rgb(70,146,166)
```
#3d97af
```
#3d97af rgb(61,151,175)
```
#349db8
```
#349db8 rgb(52,157,184)
```
#2ba2c1
```
#2ba2c1 rgb(43,162,193)
```
#22a7ca
```
#22a7ca rgb(34,167,202)
```
#19add3
```
#19add3 rgb(25,173,211)
```
#10b2dc
```
#10b2dc rgb(16,178,220)
```
#07b7e5
```
#07b7e5 rgb(7,183,229)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#71888f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9299bb Protanopia 1% of men
#8d98c9 Deuteranopia 1% of men
#23a9b5 Tritanopia 0.001% of the population

Trichromacy

#6c9cbd Protanomaly 1% of men, 0.01% of women
#699cc6 Deuteranomaly 6% of men, 0.4% of women
#25a6b9 Tritanomaly 0.01% of the population

#2ba2c1 hex color

#2ba2c1 Color Information

#2ba2c1 Color Conversion

Color Schemes with #2ba2c1

Alternatives to #2ba2c1

#2ba2c1 Preview

Shades and Tints of #2ba2c1

Tones of #2ba2c1

Color Blindness Simulator