#2ba2c8 hex color

In a RGB color space, hex #2ba2c8 is composed of 16.9% red, 63.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 19% magenta, 0% yellow and 21.6% black. It has a hue angle of 194.5 degrees, a saturation of 64.6% and a lightness of 47.6%. #2ba2c8 color hex could be obtained by blending #56ffff with #004591. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 78
RGB color chart
- C 79
- M 19
- Y 0
- K 22
CMYK color chart

● #2ba2c8 color description : Strong cyan.

The hexadecimal color #2ba2c8 has RGB values of R:43, G:162, B:200 and CMYK values of C:0.79, M:0.19, Y:0, K:0.22. Its decimal value is 2859720.

Hex triplet	2ba2c8	`#2ba2c8`
RGB Decimal	43, 162, 200	`rgb(43,162,200)`
RGB Percent	16.9, 63.5, 78.4	`rgb(16.9%,63.5%,78.4%)`
CMYK	79, 19, 0, 22
HSL	194.5°, 64.6, 47.6	`hsl(194.5,64.6%,47.6%)`
HSV (or HSB)	194.5°, 78.5, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.102, -19.136, -28.623
XYZ	24.339, 30.522, 59.249
xyY	0.213, 0.267, 30.522
CIE-LCH	62.102, 34.43, 236.235
CIE-LUV	62.102, -40.618, -42.041
Hunter-Lab	55.247, -18.043, -24.912
Binary	00101011, 10100010, 11001000

#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#c8512b
```
#c8512b rgb(200,81,43)
```

Complementary Color

#2bc8a0
```
#2bc8a0 rgb(43,200,160)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#2b54c8
```
#2b54c8 rgb(43,84,200)
```

Analogous Color

#c8a02b
```
#c8a02b rgb(200,160,43)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#c82b54
```
#c82b54 rgb(200,43,84)
```

Split Complementary Color

#a2c82b
```
#a2c82b rgb(162,200,43)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#c82ba2
```
#c82ba2 rgb(200,43,162)
```

Triadic Color

#2bc851
```
#2bc851 rgb(43,200,81)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#c82ba2
```
#c82ba2 rgb(200,43,162)
```
#c8512b
```
#c8512b rgb(200,81,43)
```

Tetradic Color

#1d6f89
```
#1d6f89 rgb(29,111,137)
```
#22809e
```
#22809e rgb(34,128,158)
```
#2691b3
```
#2691b3 rgb(38,145,179)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#38afd4
```
#38afd4 rgb(56,175,212)
```
#4db7d9
```
#4db7d9 rgb(77,183,217)
```
#62c0dd
```
#62c0dd rgb(98,192,221)
```

Monochromatic Color

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

#2bc8c7
```
#2bc8c7 rgb(43,200,199)
```
#2bbcc8
```
#2bbcc8 rgb(43,188,200)
```
#2bafc8
```
#2bafc8 rgb(43,175,200)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#2b95c8
```
#2b95c8 rgb(43,149,200)
```
#2b88c8
```
#2b88c8 rgb(43,136,200)
```
#2b7bc8
```
#2b7bc8 rgb(43,123,200)
```

Similar Colors

Text with hexadecimal color #2ba2c8

This text has a font color of #2ba2c8.

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

#2ba2c8 background color

This paragraph has a background color of #2ba2c8.

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

#2ba2c8 border color

This element has a border color of #2ba2c8.

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

CSS codes

.text {color:#2ba2c8;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#081f27
```
#081f27 rgb(8,31,39)
```
#0c2c37
```
#0c2c37 rgb(12,44,55)
```
#0f3947
```
#0f3947 rgb(15,57,71)
```
#134657
```
#134657 rgb(19,70,87)
```
#165467
```
#165467 rgb(22,84,103)
```
#1a6177
```
#1a6177 rgb(26,97,119)
```
#1d6e87
```
#1d6e87 rgb(29,110,135)
```
#217b98
```
#217b98 rgb(33,123,152)
```
#2488a8
```
#2488a8 rgb(36,136,168)
```
#2895b8
```
#2895b8 rgb(40,149,184)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```

Shade Color Variation

#33add3
```
#33add3 rgb(51,173,211)
```
#44b3d7
```
#44b3d7 rgb(68,179,215)
```
#54bada
```
#54bada rgb(84,186,218)
```
#64c0de
```
#64c0de rgb(100,192,222)
```
#74c7e1
```
#74c7e1 rgb(116,199,225)
```
#84cde5
```
#84cde5 rgb(132,205,229)
```
#94d4e8
```
#94d4e8 rgb(148,212,232)
```
#a4daec
```
#a4daec rgb(164,218,236)
```
#b5e1ef
```
#b5e1ef rgb(181,225,239)
```
#c5e7f2
```
#c5e7f2 rgb(197,231,242)
```
#d5eef6
```
#d5eef6 rgb(213,238,246)
```
#e5f4f9
```
#e5f4f9 rgb(229,244,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767b7d is the less saturated color, while #06b5ed is the most saturated one.

#767b7d
```
#767b7d rgb(118,123,125)
```
#6c8087
```
#6c8087 rgb(108,128,135)
```
#638590
```
#638590 rgb(99,133,144)
```
#5a8a99
```
#5a8a99 rgb(90,138,153)
```
#508fa3
```
#508fa3 rgb(80,143,163)
```
#4794ac
```
#4794ac rgb(71,148,172)
```
#3e98b5
```
#3e98b5 rgb(62,152,181)
```
#349dbf
```
#349dbf rgb(52,157,191)
```
#2ba2c8
```
#2ba2c8 rgb(43,162,200)
```
#22a7d1
```
#22a7d1 rgb(34,167,209)
```
#18acdb
```
#18acdb rgb(24,172,219)
```
#0fb0e4
```
#0fb0e4 rgb(15,176,228)
```
#06b5ed
```
#06b5ed rgb(6,181,237)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#718991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9099c2 Protanopia 1% of men
#8999d0 Deuteranopia 1% of men
#12aab7 Tritanopia 0.001% of the population

Trichromacy

#6b9cc4 Protanomaly 1% of men, 0.01% of women
#679ccd Deuteranomaly 6% of men, 0.4% of women
#1ba7bd Tritanomaly 0.01% of the population

#2ba2c8 hex color

#2ba2c8 Color Information

#2ba2c8 Color Conversion

Color Schemes with #2ba2c8

Alternatives to #2ba2c8

#2ba2c8 Preview

Shades and Tints of #2ba2c8

Tones of #2ba2c8

Color Blindness Simulator