#2ba3bd hex color

In a RGB color space, hex #2ba3bd is composed of 16.9% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 190.7 degrees, a saturation of 62.9% and a lightness of 45.5%. #2ba3bd color hex could be obtained by blending #56ffff with #00477b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 74
RGB color chart
- C 77
- M 14
- Y 0
- K 26
CMYK color chart

● #2ba3bd color description : Strong cyan.

The hexadecimal color #2ba3bd has RGB values of R:43, G:163, B:189 and CMYK values of C:0.77, M:0.14, Y:0, K:0.26. Its decimal value is 2859965.

Hex triplet	2ba3bd	`#2ba3bd`
RGB Decimal	43, 163, 189	`rgb(43,163,189)`
RGB Percent	16.9, 63.9, 74.1	`rgb(16.9%,63.9%,74.1%)`
CMYK	77, 14, 0, 26
HSL	190.7°, 62.9, 45.5	`hsl(190.7,62.9%,45.5%)`
HSV (or HSB)	190.7°, 77.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.981, -23.304, -22.658
XYZ	23.276, 30.38, 52.778
xyY	0.219, 0.285, 30.38
CIE-LCH	61.981, 32.503, 224.195
CIE-LUV	61.981, -41.697, -31.679
Hunter-Lab	55.118, -21.076, -18.191
Binary	00101011, 10100011, 10111101

#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#bd452b
```
#bd452b rgb(189,69,43)
```

Complementary Color

#2bbd8e
```
#2bbd8e rgb(43,189,142)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#2b5abd
```
#2b5abd rgb(43,90,189)
```

Analogous Color

#bd8e2b
```
#bd8e2b rgb(189,142,43)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#bd2b5a
```
#bd2b5a rgb(189,43,90)
```

Split Complementary Color

#a3bd2b
```
#a3bd2b rgb(163,189,43)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#bd2ba3
```
#bd2ba3 rgb(189,43,163)
```

Triadic Color

#2bbd45
```
#2bbd45 rgb(43,189,69)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#bd2ba3
```
#bd2ba3 rgb(189,43,163)
```
#bd452b
```
#bd452b rgb(189,69,43)
```

Tetradic Color

#1d6d7f
```
#1d6d7f rgb(29,109,127)
```
#227f93
```
#227f93 rgb(34,127,147)
```
#2691a8
```
#2691a8 rgb(38,145,168)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#31b4d0
```
#31b4d0 rgb(49,180,208)
```
#46bbd5
```
#46bbd5 rgb(70,187,213)
```
#5bc3da
```
#5bc3da rgb(91,195,218)
```

Monochromatic Color

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

#2bbdb3
```
#2bbdb3 rgb(43,189,179)
```
#2bbbbd
```
#2bbbbd rgb(43,187,189)
```
#2bafbd
```
#2bafbd rgb(43,175,189)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#2b97bd
```
#2b97bd rgb(43,151,189)
```
#2b8bbd
```
#2b8bbd rgb(43,139,189)
```
#2b7fbd
```
#2b7fbd rgb(43,127,189)
```

Similar Colors

Text with hexadecimal color #2ba3bd

This text has a font color of #2ba3bd.

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

#2ba3bd background color

This paragraph has a background color of #2ba3bd.

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

#2ba3bd border color

This element has a border color of #2ba3bd.

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

CSS codes

.text {color:#2ba3bd;}

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

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

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

#030b0d
```
#030b0d rgb(3,11,13)
```
#07191d
```
#07191d rgb(7,25,29)
```
#0a272d
```
#0a272d rgb(10,39,45)
```
#0e353d
```
#0e353d rgb(14,53,61)
```
#12434d
```
#12434d rgb(18,67,77)
```
#15505d
```
#15505d rgb(21,80,93)
```
#195e6d
```
#195e6d rgb(25,94,109)
```
#1c6c7d
```
#1c6c7d rgb(28,108,125)
```
#207a8d
```
#207a8d rgb(32,122,141)
```
#24879d
```
#24879d rgb(36,135,157)
```
#2795ad
```
#2795ad rgb(39,149,173)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#2fb1cd
```
#2fb1cd rgb(47,177,205)
```

Shade Color Variation

#3cb8d3
```
#3cb8d3 rgb(60,184,211)
```
#4cbed6
```
#4cbed6 rgb(76,190,214)
```
#5cc4da
```
#5cc4da rgb(92,196,218)
```
#6cc9de
```
#6cc9de rgb(108,201,222)
```
#7ccfe1
```
#7ccfe1 rgb(124,207,225)
```
#8cd5e5
```
#8cd5e5 rgb(140,213,229)
```
#9cdbe9
```
#9cdbe9 rgb(156,219,233)
```
#ace1ec
```
#ace1ec rgb(172,225,236)
```
#bce7f0
```
#bce7f0 rgb(188,231,240)
```
#ccecf3
```
#ccecf3 rgb(204,236,243)
```
#dcf2f7
```
#dcf2f7 rgb(220,242,247)
```
#ecf8fb
```
#ecf8fb rgb(236,248,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#697b7f
```
#697b7f rgb(105,123,127)
```
#618187
```
#618187 rgb(97,129,135)
```
#588690
```
#588690 rgb(88,134,144)
```
#4f8c99
```
#4f8c99 rgb(79,140,153)
```
#4692a2
```
#4692a2 rgb(70,146,162)
```
#3d98ab
```
#3d98ab rgb(61,152,171)
```
#349db4
```
#349db4 rgb(52,157,180)
```
#2ba3bd
```
#2ba3bd rgb(43,163,189)
```
#22a9c6
```
#22a9c6 rgb(34,169,198)
```
#19aecf
```
#19aecf rgb(25,174,207)
```
#10b4d8
```
#10b4d8 rgb(16,180,216)
```
#07bae1
```
#07bae1 rgb(7,186,225)
```

Tone Color Variation

Below, you can see how #2ba3bd 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
#71898e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9499b7 Protanopia 1% of men
#9098c6 Deuteranopia 1% of men
#29a9b6 Tritanopia 0.001% of the population

Trichromacy

#6e9db9 Protanomaly 1% of men, 0.01% of women
#6b9cc2 Deuteranomaly 6% of men, 0.4% of women
#2aa7b8 Tritanomaly 0.01% of the population

#2ba3bd hex color

#2ba3bd Color Information

#2ba3bd Color Conversion

Color Schemes with #2ba3bd

Alternatives to #2ba3bd

#2ba3bd Preview

Shades and Tints of #2ba3bd

Tones of #2ba3bd

Color Blindness Simulator