#2ba3d3 hex color

In a RGB color space, hex #2ba3d3 is composed of 16.9% red, 63.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 22.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 197.1 degrees, a saturation of 66.1% and a lightness of 49.8%. #2ba3d3 color hex could be obtained by blending #56ffff with #0047a7. Closest websafe color is: #3399cc.

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

● #2ba3d3 color description : Strong blue.

The hexadecimal color #2ba3d3 has RGB values of R:43, G:163, B:211 and CMYK values of C:0.8, M:0.23, Y:0, K:0.17. Its decimal value is 2859987.

Hex triplet	2ba3d3	`#2ba3d3`
RGB Decimal	43, 163, 211	`rgb(43,163,211)`
RGB Percent	16.9, 63.9, 82.7	`rgb(16.9%,63.9%,82.7%)`
CMYK	80, 23, 0, 17
HSL	197.1°, 66.1, 49.8	`hsl(197.1,66.1%,49.8%)`
HSV (or HSB)	197.1°, 79.6, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.851, -15.934, -33.588
XYZ	25.848, 31.409, 66.325
xyY	0.209, 0.254, 31.409
CIE-LCH	62.851, 37.176, 244.621
CIE-LUV	62.851, -40.262, -50.79
Hunter-Lab	56.044, -15.749, -30.936
Binary	00101011, 10100011, 11010011

#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#d35b2b
```
#d35b2b rgb(211,91,43)
```

Complementary Color

#2bd3af
```
#2bd3af rgb(43,211,175)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#2b4fd3
```
#2b4fd3 rgb(43,79,211)
```

Analogous Color

#d3af2b
```
#d3af2b rgb(211,175,43)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#d32b4f
```
#d32b4f rgb(211,43,79)
```

Split Complementary Color

#a3d32b
```
#a3d32b rgb(163,211,43)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#d32ba3
```
#d32ba3 rgb(211,43,163)
```

Triadic Color

#2bd35b
```
#2bd35b rgb(43,211,91)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#d32ba3
```
#d32ba3 rgb(211,43,163)
```
#d35b2b
```
#d35b2b rgb(211,91,43)
```

Tetradic Color

#1e7293
```
#1e7293 rgb(30,114,147)
```
#2282a9
```
#2282a9 rgb(34,130,169)
```
#2793be
```
#2793be rgb(39,147,190)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#40acd8
```
#40acd8 rgb(64,172,216)
```
#55b6dc
```
#55b6dc rgb(85,182,220)
```
#6abfe1
```
#6abfe1 rgb(106,191,225)
```

Monochromatic Color

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

#2bcdd3
```
#2bcdd3 rgb(43,205,211)
```
#2bbfd3
```
#2bbfd3 rgb(43,191,211)
```
#2bb1d3
```
#2bb1d3 rgb(43,177,211)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#2b95d3
```
#2b95d3 rgb(43,149,211)
```
#2b87d3
```
#2b87d3 rgb(43,135,211)
```
#2b79d3
```
#2b79d3 rgb(43,121,211)
```

Similar Colors

Text with hexadecimal color #2ba3d3

This text has a font color of #2ba3d3.

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

#2ba3d3 background color

This paragraph has a background color of #2ba3d3.

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

#2ba3d3 border color

This element has a border color of #2ba3d3.

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

CSS codes

.text {color:#2ba3d3;}

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

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

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, #030c0f is the darkest color, while #feffff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#061920
```
#061920 rgb(6,25,32)
```
#0a2530
```
#0a2530 rgb(10,37,48)
```
#0d3240
```
#0d3240 rgb(13,50,64)
```
#103e51
```
#103e51 rgb(16,62,81)
```
#144b61
```
#144b61 rgb(20,75,97)
```
#175771
```
#175771 rgb(23,87,113)
```
#1a6482
```
#1a6482 rgb(26,100,130)
```
#1e7192
```
#1e7192 rgb(30,113,146)
```
#217da2
```
#217da2 rgb(33,125,162)
```
#248ab2
```
#248ab2 rgb(36,138,178)
```
#2896c3
```
#2896c3 rgb(40,150,195)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```

Shade Color Variation

#3baad7
```
#3baad7 rgb(59,170,215)
```
#4bb1da
```
#4bb1da rgb(75,177,218)
```
#5bb8de
```
#5bb8de rgb(91,184,222)
```
#6cbfe1
```
#6cbfe1 rgb(108,191,225)
```
#7cc6e4
```
#7cc6e4 rgb(124,198,228)
```
#8ccde8
```
#8ccde8 rgb(140,205,232)
```
#9cd4eb
```
#9cd4eb rgb(156,212,235)
```
#addcee
```
#addcee rgb(173,220,238)
```
#bde3f2
```
#bde3f2 rgb(189,227,242)
```
#cdeaf5
```
#cdeaf5 rgb(205,234,245)
```
#def1f8
```
#def1f8 rgb(222,241,248)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798285
```
#798285 rgb(121,130,133)
```
#6f868f
```
#6f868f rgb(111,134,143)
```
#668a98
```
#668a98 rgb(102,138,152)
```
#5c8ea2
```
#5c8ea2 rgb(92,142,162)
```
#5292ac
```
#5292ac rgb(82,146,172)
```
#4896b6
```
#4896b6 rgb(72,150,182)
```
#3f9bbf
```
#3f9bbf rgb(63,155,191)
```
#359fc9
```
#359fc9 rgb(53,159,201)
```
#2ba3d3
```
#2ba3d3 rgb(43,163,211)
```
#21a7dd
```
#21a7dd rgb(33,167,221)
```
#17abe7
```
#17abe7 rgb(23,171,231)
```
#0eb0f0
```
#0eb0f0 rgb(14,176,240)
```
#04b4fa
```
#04b4fa rgb(4,180,250)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9bcc Protanopia 1% of men
#849cda Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#6a9ecf Protanomaly 1% of men, 0.01% of women
#639ed7 Deuteranomaly 6% of men, 0.4% of women
#0fa9c2 Tritanomaly 0.01% of the population

#2ba3d3 hex color

#2ba3d3 Color Information

#2ba3d3 Color Conversion

Color Schemes with #2ba3d3

Alternatives to #2ba3d3

#2ba3d3 Preview

Shades and Tints of #2ba3d3

Tones of #2ba3d3

Color Blindness Simulator