#2ba3cb hex color

In a RGB color space, hex #2ba3cb is composed of 16.9% red, 63.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 19.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 195 degrees, a saturation of 65% and a lightness of 48.2%. #2ba3cb color hex could be obtained by blending #56ffff with #004797. Closest websafe color is: #3399cc.

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

● #2ba3cb color description : Strong blue.

The hexadecimal color #2ba3cb has RGB values of R:43, G:163, B:203 and CMYK values of C:0.79, M:0.2, Y:0, K:0.2. Its decimal value is 2859979.

Hex triplet	2ba3cb	`#2ba3cb`
RGB Decimal	43, 163, 203	`rgb(43,163,203)`
RGB Percent	16.9, 63.9, 79.6	`rgb(16.9%,63.9%,79.6%)`
CMYK	79, 20, 0, 20
HSL	195°, 65, 48.2	`hsl(195,65%,48.2%)`
HSV (or HSB)	195°, 78.8, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.522, -18.655, -29.647
XYZ	24.87, 31.018, 61.173
xyY	0.212, 0.265, 31.018
CIE-LCH	62.522, 35.028, 237.819
CIE-LUV	62.522, -40.775, -43.843
Hunter-Lab	55.693, -17.754, -26.138
Binary	00101011, 10100011, 11001011

#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#cb532b
```
#cb532b rgb(203,83,43)
```

Complementary Color

#2bcba3
```
#2bcba3 rgb(43,203,163)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#2b53cb
```
#2b53cb rgb(43,83,203)
```

Analogous Color

#cba32b
```
#cba32b rgb(203,163,43)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#cb2b53
```
#cb2b53 rgb(203,43,83)
```

Split Complementary Color

#a3cb2b
```
#a3cb2b rgb(163,203,43)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#cb2ba3
```
#cb2ba3 rgb(203,43,163)
```

Triadic Color

#2bcb53
```
#2bcb53 rgb(43,203,83)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#cb2ba3
```
#cb2ba3 rgb(203,43,163)
```
#cb532b
```
#cb532b rgb(203,83,43)
```

Tetradic Color

#1e708c
```
#1e708c rgb(30,112,140)
```
#2281a1
```
#2281a1 rgb(34,129,161)
```
#2792b6
```
#2792b6 rgb(39,146,182)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#3aafd5
```
#3aafd5 rgb(58,175,213)
```
#4fb7da
```
#4fb7da rgb(79,183,218)
```
#64c0de
```
#64c0de rgb(100,192,222)
```

Monochromatic Color

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

#2bcbcb
```
#2bcbcb rgb(43,203,203)
```
#2bbecb
```
#2bbecb rgb(43,190,203)
```
#2bb0cb
```
#2bb0cb rgb(43,176,203)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#2b96cb
```
#2b96cb rgb(43,150,203)
```
#2b88cb
```
#2b88cb rgb(43,136,203)
```
#2b7bcb
```
#2b7bcb rgb(43,123,203)
```

Similar Colors

Text with hexadecimal color #2ba3cb

This text has a font color of #2ba3cb.

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

#2ba3cb background color

This paragraph has a background color of #2ba3cb.

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

#2ba3cb border color

This element has a border color of #2ba3cb.

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

CSS codes

.text {color:#2ba3cb;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#051419
```
#051419 rgb(5,20,25)
```
#092129
```
#092129 rgb(9,33,41)
```
#0c2e39
```
#0c2e39 rgb(12,46,57)
```
#103b4a
```
#103b4a rgb(16,59,74)
```
#13485a
```
#13485a rgb(19,72,90)
```
#16556a
```
#16556a rgb(22,85,106)
```
#1a627a
```
#1a627a rgb(26,98,122)
```
#1d6f8a
```
#1d6f8a rgb(29,111,138)
```
#217c9a
```
#217c9a rgb(33,124,154)
```
#2489ab
```
#2489ab rgb(36,137,171)
```
#2896bb
```
#2896bb rgb(40,150,187)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```

Shade Color Variation

#35add4
```
#35add4 rgb(53,173,212)
```
#46b3d8
```
#46b3d8 rgb(70,179,216)
```
#56badb
```
#56badb rgb(86,186,219)
```
#66c0df
```
#66c0df rgb(102,192,223)
```
#76c7e2
```
#76c7e2 rgb(118,199,226)
```
#86cee5
```
#86cee5 rgb(134,206,229)
```
#96d4e9
```
#96d4e9 rgb(150,212,233)
```
#a7dbec
```
#a7dbec rgb(167,219,236)
```
#b7e1f0
```
#b7e1f0 rgb(183,225,240)
```
#c7e8f3
```
#c7e8f3 rgb(199,232,243)
```
#d7eff7
```
#d7eff7 rgb(215,239,247)
```
#e7f5fa
```
#e7f5fa rgb(231,245,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d7f is the less saturated color, while #05b6f1 is the most saturated one.

#777d7f
```
#777d7f rgb(119,125,127)
```
#6d8289
```
#6d8289 rgb(109,130,137)
```
#648792
```
#648792 rgb(100,135,146)
```
#5a8b9c
```
#5a8b9c rgb(90,139,156)
```
#5190a5
```
#5190a5 rgb(81,144,165)
```
#4795af
```
#4795af rgb(71,149,175)
```
#3e9ab8
```
#3e9ab8 rgb(62,154,184)
```
#349ec2
```
#349ec2 rgb(52,158,194)
```
#2ba3cb
```
#2ba3cb rgb(43,163,203)
```
#22a8d4
```
#22a8d4 rgb(34,168,212)
```
#18acde
```
#18acde rgb(24,172,222)
```
#0fb1e7
```
#0fb1e7 rgb(15,177,231)
```
#05b6f1
```
#05b6f1 rgb(5,182,241)
```

Tone Color Variation

Below, you can see how #2ba3cb 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
#728a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909ac5 Protanopia 1% of men
#899ad2 Deuteranopia 1% of men
#00abb8 Tritanopia 0.001% of the population

Trichromacy

#6b9dc7 Protanomaly 1% of men, 0.01% of women
#679dcf Deuteranomaly 6% of men, 0.4% of women
#0fa8bf Tritanomaly 0.01% of the population

#2ba3cb hex color

#2ba3cb Color Information

#2ba3cb Color Conversion

Color Schemes with #2ba3cb

Alternatives to #2ba3cb

#2ba3cb Preview

Shades and Tints of #2ba3cb

Tones of #2ba3cb

Color Blindness Simulator