#2ba5bf hex color

In a RGB color space, hex #2ba5bf is composed of 16.9% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 190.5 degrees, a saturation of 63.2% and a lightness of 45.9%. #2ba5bf color hex could be obtained by blending #56ffff with #004b7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 65
- B 75
RGB color chart
- C 77
- M 14
- Y 0
- K 25
CMYK color chart

● #2ba5bf color description : Strong cyan.

The hexadecimal color #2ba5bf has RGB values of R:43, G:165, B:191 and CMYK values of C:0.77, M:0.14, Y:0, K:0.25. Its decimal value is 2860479.

Hex triplet	2ba5bf	`#2ba5bf`
RGB Decimal	43, 165, 191	`rgb(43,165,191)`
RGB Percent	16.9, 64.7, 74.9	`rgb(16.9%,64.7%,74.9%)`
CMYK	77, 14, 0, 25
HSL	190.5°, 63.2, 45.9	`hsl(190.5,63.2%,45.9%)`
HSV (or HSB)	190.5°, 77.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.662, -23.679, -22.734
XYZ	23.853, 31.183, 54.049
xyY	0.219, 0.286, 31.183
CIE-LCH	62.662, 32.825, 223.834
CIE-LUV	62.662, -42.274, -31.806
Hunter-Lab	55.842, -21.478, -18.297
Binary	00101011, 10100101, 10111111

#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#bf452b
```
#bf452b rgb(191,69,43)
```

Complementary Color

#2bbf8f
```
#2bbf8f rgb(43,191,143)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#2b5bbf
```
#2b5bbf rgb(43,91,191)
```

Analogous Color

#bf8f2b
```
#bf8f2b rgb(191,143,43)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#bf2b5b
```
#bf2b5b rgb(191,43,91)
```

Split Complementary Color

#a5bf2b
```
#a5bf2b rgb(165,191,43)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#bf2ba5
```
#bf2ba5 rgb(191,43,165)
```

Triadic Color

#2bbf45
```
#2bbf45 rgb(43,191,69)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#bf2ba5
```
#bf2ba5 rgb(191,43,165)
```
#bf452b
```
#bf452b rgb(191,69,43)
```

Tetradic Color

#1d6f81
```
#1d6f81 rgb(29,111,129)
```
#228195
```
#228195 rgb(34,129,149)
```
#2693aa
```
#2693aa rgb(38,147,170)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#33b5d1
```
#33b5d1 rgb(51,181,209)
```
#47bdd6
```
#47bdd6 rgb(71,189,214)
```
#5cc4da
```
#5cc4da rgb(92,196,218)
```

Monochromatic Color

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

#2bbfb4
```
#2bbfb4 rgb(43,191,180)
```
#2bbebf
```
#2bbebf rgb(43,190,191)
```
#2bb1bf
```
#2bb1bf rgb(43,177,191)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#2b99bf
```
#2b99bf rgb(43,153,191)
```
#2b8cbf
```
#2b8cbf rgb(43,140,191)
```
#2b80bf
```
#2b80bf rgb(43,128,191)
```

Similar Colors

Text with hexadecimal color #2ba5bf

This text has a font color of #2ba5bf.

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

#2ba5bf background color

This paragraph has a background color of #2ba5bf.

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

#2ba5bf border color

This element has a border color of #2ba5bf.

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

CSS codes

.text {color:#2ba5bf;}

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

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#071b1f
```
#071b1f rgb(7,27,31)
```
#0b292f
```
#0b292f rgb(11,41,47)
```
#0e363f
```
#0e363f rgb(14,54,63)
```
#12444f
```
#12444f rgb(18,68,79)
```
#15525f
```
#15525f rgb(21,82,95)
```
#19606f
```
#19606f rgb(25,96,111)
```
#1d6e7f
```
#1d6e7f rgb(29,110,127)
```
#207c8f
```
#207c8f rgb(32,124,143)
```
#24899f
```
#24899f rgb(36,137,159)
```
#2797af
```
#2797af rgb(39,151,175)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#2fb3cf
```
#2fb3cf rgb(47,179,207)
```

Shade Color Variation

#3eb9d3
```
#3eb9d3 rgb(62,185,211)
```
#4ebfd7
```
#4ebfd7 rgb(78,191,215)
```
#5ec5db
```
#5ec5db rgb(94,197,219)
```
#6ecbde
```
#6ecbde rgb(110,203,222)
```
#7ed0e2
```
#7ed0e2 rgb(126,208,226)
```
#8ed6e6
```
#8ed6e6 rgb(142,214,230)
```
#9edce9
```
#9edce9 rgb(158,220,233)
```
#aee2ed
```
#aee2ed rgb(174,226,237)
```
#bee7f0
```
#bee7f0 rgb(190,231,240)
```
#ceedf4
```
#ceedf4 rgb(206,237,244)
```
#def3f8
```
#def3f8 rgb(222,243,248)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#737677
```
#737677 rgb(115,118,119)
```
#6a7c80
```
#6a7c80 rgb(106,124,128)
```
#618289
```
#618289 rgb(97,130,137)
```
#588892
```
#588892 rgb(88,136,146)
```
#4f8e9b
```
#4f8e9b rgb(79,142,155)
```
#4693a4
```
#4693a4 rgb(70,147,164)
```
#3d99ad
```
#3d99ad rgb(61,153,173)
```
#349fb6
```
#349fb6 rgb(52,159,182)
```
#2ba5bf
```
#2ba5bf rgb(43,165,191)
```
#22abc8
```
#22abc8 rgb(34,171,200)
```
#19b1d1
```
#19b1d1 rgb(25,177,209)
```
#10b7da
```
#10b7da rgb(16,183,218)
```
#07bce3
```
#07bce3 rgb(7,188,227)
```

Tone Color Variation

Below, you can see how #2ba5bf 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
#718a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#969bb9 Protanopia 1% of men
#929ac8 Deuteranopia 1% of men
#29abb8 Tritanopia 0.001% of the population

Trichromacy

#6f9fbb Protanomaly 1% of men, 0.01% of women
#6c9ec4 Deuteranomaly 6% of men, 0.4% of women
#2aa9ba Tritanomaly 0.01% of the population

#2ba5bf hex color

#2ba5bf Color Information

#2ba5bf Color Conversion

Color Schemes with #2ba5bf

Alternatives to #2ba5bf

#2ba5bf Preview

Shades and Tints of #2ba5bf

Tones of #2ba5bf

Color Blindness Simulator