#2bafbb hex color

In a RGB color space, hex #2bafbb is composed of 16.9% red, 68.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 6.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 185 degrees, a saturation of 62.6% and a lightness of 45.1%. #2bafbb color hex could be obtained by blending #56ffff with #005f77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 69
- B 73
RGB color chart
- C 77
- M 6
- Y 0
- K 27
CMYK color chart

● #2bafbb color description : Strong cyan.

The hexadecimal color #2bafbb has RGB values of R:43, G:175, B:187 and CMYK values of C:0.77, M:0.06, Y:0, K:0.27. Its decimal value is 2863035.

Hex triplet	2bafbb	`#2bafbb`
RGB Decimal	43, 175, 187	`rgb(43,175,187)`
RGB Percent	16.9, 68.6, 73.3	`rgb(16.9%,68.6%,73.3%)`
CMYK	77, 6, 0, 27
HSL	185°, 62.6, 45.1	`hsl(185,62.6%,45.1%)`
HSV (or HSB)	185°, 77, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.561, -29.947, -16.096
XYZ	25.293, 34.759, 52.387
xyY	0.225, 0.309, 34.759
CIE-LCH	65.561, 33.999, 208.257
CIE-LUV	65.561, -46.105, -20.346
Hunter-Lab	58.957, -26.595, -11.413
Binary	00101011, 10101111, 10111011

#2bafbb
```
#2bafbb rgb(43,175,187)
```
#bb372b
```
#bb372b rgb(187,55,43)
```

Complementary Color

#2bbb7f
```
#2bbb7f rgb(43,187,127)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#2b67bb
```
#2b67bb rgb(43,103,187)
```

Analogous Color

#bb7f2b
```
#bb7f2b rgb(187,127,43)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#bb2b67
```
#bb2b67 rgb(187,43,103)
```

Split Complementary Color

#afbb2b
```
#afbb2b rgb(175,187,43)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#bb2baf
```
#bb2baf rgb(187,43,175)
```

Triadic Color

#2bbb37
```
#2bbb37 rgb(43,187,55)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#bb2baf
```
#bb2baf rgb(187,43,175)
```
#bb372b
```
#bb372b rgb(187,55,43)
```

Tetradic Color

#1d757d
```
#1d757d rgb(29,117,125)
```
#218892
```
#218892 rgb(33,136,146)
```
#269ca6
```
#269ca6 rgb(38,156,166)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#30c2cf
```
#30c2cf rgb(48,194,207)
```
#45c8d4
```
#45c8d4 rgb(69,200,212)
```
#5aced9
```
#5aced9 rgb(90,206,217)
```

Monochromatic Color

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

#2bbba3
```
#2bbba3 rgb(43,187,163)
```
#2bbbaf
```
#2bbbaf rgb(43,187,175)
```
#2bbbbb
```
#2bbbbb rgb(43,187,187)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#2ba3bb
```
#2ba3bb rgb(43,163,187)
```
#2b97bb
```
#2b97bb rgb(43,151,187)
```
#2b8bbb
```
#2b8bbb rgb(43,139,187)
```

Similar Colors

Text with hexadecimal color #2bafbb

This text has a font color of #2bafbb.

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

#2bafbb background color

This paragraph has a background color of #2bafbb.

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

#2bafbb border color

This element has a border color of #2bafbb.

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

CSS codes

.text {color:#2bafbb;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#061a1c
```
#061a1c rgb(6,26,28)
```
#0a292b
```
#0a292b rgb(10,41,43)
```
#0e383b
```
#0e383b rgb(14,56,59)
```
#11474b
```
#11474b rgb(17,71,75)
```
#15555b
```
#15555b rgb(21,85,91)
```
#19646b
```
#19646b rgb(25,100,107)
```
#1c737b
```
#1c737b rgb(28,115,123)
```
#20828b
```
#20828b rgb(32,130,139)
```
#24919b
```
#24919b rgb(36,145,155)
```
#27a0ab
```
#27a0ab rgb(39,160,171)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#2fbecb
```
#2fbecb rgb(47,190,203)
```

Shade Color Variation

#3bc5d2
```
#3bc5d2 rgb(59,197,210)
```
#4bcad6
```
#4bcad6 rgb(75,202,214)
```
#5bcfd9
```
#5bcfd9 rgb(91,207,217)
```
#6bd3dd
```
#6bd3dd rgb(107,211,221)
```
#7bd8e1
```
#7bd8e1 rgb(123,216,225)
```
#8bdde4
```
#8bdde4 rgb(139,221,228)
```
#9be2e8
```
#9be2e8 rgb(155,226,232)
```
#abe6ec
```
#abe6ec rgb(171,230,236)
```
#bbebef
```
#bbebef rgb(187,235,239)
```
#cbf0f3
```
#cbf0f3 rgb(203,240,243)
```
#dbf4f7
```
#dbf4f7 rgb(219,244,247)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697b7d
```
#697b7d rgb(105,123,125)
```
#608386
```
#608386 rgb(96,131,134)
```
#578a8f
```
#578a8f rgb(87,138,143)
```
#4e9298
```
#4e9298 rgb(78,146,152)
```
#4699a0
```
#4699a0 rgb(70,153,160)
```
#3da0a9
```
#3da0a9 rgb(61,160,169)
```
#34a8b2
```
#34a8b2 rgb(52,168,178)
```
#2bafbb
```
#2bafbb rgb(43,175,187)
```
#22b6c4
```
#22b6c4 rgb(34,182,196)
```
#19becd
```
#19becd rgb(25,190,205)
```
#10c5d6
```
#10c5d6 rgb(16,197,214)
```
#08ccde
```
#08ccde rgb(8,204,222)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b5 Protanopia 1% of men
#a1a1c5 Deuteranopia 1% of men
#37b2c0 Tritanopia 0.001% of the population

Trichromacy

#76a7b7 Protanomaly 1% of men, 0.01% of women
#76a6c1 Deuteranomaly 6% of men, 0.4% of women
#32b1be Tritanomaly 0.01% of the population

#2bafbb hex color

#2bafbb Color Information

#2bafbb Color Conversion

Color Schemes with #2bafbb

Alternatives to #2bafbb

#2bafbb Preview

Shades and Tints of #2bafbb

Tones of #2bafbb

Color Blindness Simulator