#2ba5c3 hex color

In a RGB color space, hex #2ba5c3 is composed of 16.9% red, 64.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 15.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 191.8 degrees, a saturation of 63.9% and a lightness of 46.7%. #2ba5c3 color hex could be obtained by blending #56ffff with #004b87. Closest websafe color is: #3399cc.

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

● #2ba5c3 color description : Strong cyan.

The hexadecimal color #2ba5c3 has RGB values of R:43, G:165, B:195 and CMYK values of C:0.78, M:0.15, Y:0, K:0.24. Its decimal value is 2860483.

Hex triplet	2ba5c3	`#2ba5c3`
RGB Decimal	43, 165, 195	`rgb(43,165,195)`
RGB Percent	16.9, 64.7, 76.5	`rgb(16.9%,64.7%,76.5%)`
CMYK	78, 15, 0, 24
HSL	191.8°, 63.9, 46.7	`hsl(191.8,63.9%,46.7%)`
HSV (or HSB)	191.8°, 77.9, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.812, -22.37, -24.738
XYZ	24.299, 31.362, 56.4
xyY	0.217, 0.28, 31.362
CIE-LCH	62.812, 33.352, 227.879
CIE-LUV	62.812, -42.006, -35.278
Hunter-Lab	56.002, -20.552, -20.51
Binary	00101011, 10100101, 11000011

#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#c3492b
```
#c3492b rgb(195,73,43)
```

Complementary Color

#2bc395
```
#2bc395 rgb(43,195,149)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#2b59c3
```
#2b59c3 rgb(43,89,195)
```

Analogous Color

#c3952b
```
#c3952b rgb(195,149,43)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#c32b59
```
#c32b59 rgb(195,43,89)
```

Split Complementary Color

#a5c32b
```
#a5c32b rgb(165,195,43)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#c32ba5
```
#c32ba5 rgb(195,43,165)
```

Triadic Color

#2bc349
```
#2bc349 rgb(43,195,73)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#c32ba5
```
#c32ba5 rgb(195,43,165)
```
#c3492b
```
#c3492b rgb(195,73,43)
```

Tetradic Color

#1d7084
```
#1d7084 rgb(29,112,132)
```
#228299
```
#228299 rgb(34,130,153)
```
#2693ae
```
#2693ae rgb(38,147,174)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#35b3d2
```
#35b3d2 rgb(53,179,210)
```
#4abbd7
```
#4abbd7 rgb(74,187,215)
```
#5fc3dc
```
#5fc3dc rgb(95,195,220)
```

Monochromatic Color

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

#2bc3bb
```
#2bc3bb rgb(43,195,187)
```
#2bbec3
```
#2bbec3 rgb(43,190,195)
```
#2bb2c3
```
#2bb2c3 rgb(43,178,195)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#2b98c3
```
#2b98c3 rgb(43,152,195)
```
#2b8cc3
```
#2b8cc3 rgb(43,140,195)
```
#2b7fc3
```
#2b7fc3 rgb(43,127,195)
```

Similar Colors

Text with hexadecimal color #2ba5c3

This text has a font color of #2ba5c3.

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

#2ba5c3 background color

This paragraph has a background color of #2ba5c3.

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

#2ba5c3 border color

This element has a border color of #2ba5c3.

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

CSS codes

.text {color:#2ba5c3;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#081d22
```
#081d22 rgb(8,29,34)
```
#0b2b32
```
#0b2b32 rgb(11,43,50)
```
#0f3842
```
#0f3842 rgb(15,56,66)
```
#124653
```
#124653 rgb(18,70,83)
```
#165363
```
#165363 rgb(22,83,99)
```
#196173
```
#196173 rgb(25,97,115)
```
#1d6f83
```
#1d6f83 rgb(29,111,131)
```
#207c93
```
#207c93 rgb(32,124,147)
```
#248aa3
```
#248aa3 rgb(36,138,163)
```
#2797b3
```
#2797b3 rgb(39,151,179)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```

Shade Color Variation

#30b2d1
```
#30b2d1 rgb(48,178,209)
```
#40b8d5
```
#40b8d5 rgb(64,184,213)
```
#50bed8
```
#50bed8 rgb(80,190,216)
```
#60c4dc
```
#60c4dc rgb(96,196,220)
```
#71cae0
```
#71cae0 rgb(113,202,224)
```
#81d0e3
```
#81d0e3 rgb(129,208,227)
```
#91d6e7
```
#91d6e7 rgb(145,214,231)
```
#a1dcea
```
#a1dcea rgb(161,220,234)
```
#b1e2ee
```
#b1e2ee rgb(177,226,238)
```
#c1e8f1
```
#c1e8f1 rgb(193,232,241)
```
#d1eef5
```
#d1eef5 rgb(209,238,245)
```
#e1f4f8
```
#e1f4f8 rgb(225,244,248)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

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

#74797a
```
#74797a rgb(116,121,122)
```
#6b7e83
```
#6b7e83 rgb(107,126,131)
```
#62848c
```
#62848c rgb(98,132,140)
```
#598995
```
#598995 rgb(89,137,149)
```
#508f9e
```
#508f9e rgb(80,143,158)
```
#4694a8
```
#4694a8 rgb(70,148,168)
```
#3d9ab1
```
#3d9ab1 rgb(61,154,177)
```
#349fba
```
#349fba rgb(52,159,186)
```
#2ba5c3
```
#2ba5c3 rgb(43,165,195)
```
#22abcc
```
#22abcc rgb(34,171,204)
```
#19b0d5
```
#19b0d5 rgb(25,176,213)
```
#10b6de
```
#10b6de rgb(16,182,222)
```
#06bbe8
```
#06bbe8 rgb(6,187,232)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#728b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959bbd Protanopia 1% of men
#909bcb Deuteranopia 1% of men
#24acb8 Tritanopia 0.001% of the population

Trichromacy

#6e9fbf Protanomaly 1% of men, 0.01% of women
#6b9ec8 Deuteranomaly 6% of men, 0.4% of women
#26a9bc Tritanomaly 0.01% of the population

#2ba5c3 hex color

#2ba5c3 Color Information

#2ba5c3 Color Conversion

Color Schemes with #2ba5c3

Alternatives to #2ba5c3

#2ba5c3 Preview

Shades and Tints of #2ba5c3

Tones of #2ba5c3

Color Blindness Simulator