#2bafe2 hex color

In a RGB color space, hex #2bafe2 is composed of 16.9% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 196.7 degrees, a saturation of 75.9% and a lightness of 52.7%. #2bafe2 color hex could be obtained by blending #56ffff with #005fc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 69
- B 89
RGB color chart
- C 81
- M 23
- Y 0
- K 11
CMYK color chart

● #2bafe2 color description : Bright blue.

The hexadecimal color #2bafe2 has RGB values of R:43, G:175, B:226 and CMYK values of C:0.81, M:0.23, Y:0, K:0.11. Its decimal value is 2863074.

Hex triplet	2bafe2	`#2bafe2`
RGB Decimal	43, 175, 226	`rgb(43,175,226)`
RGB Percent	16.9, 68.6, 88.6	`rgb(16.9%,68.6%,88.6%)`
CMYK	81, 23, 0, 11
HSL	196.7°, 75.9, 52.7	`hsl(196.7,75.9%,52.7%)`
HSV (or HSB)	196.7°, 81, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.022, -17.234, -35.383
XYZ	30.05, 36.662, 77.44
xyY	0.208, 0.254, 36.662
CIE-LCH	67.022, 39.356, 244.031
CIE-LUV	67.022, -43.446, -54.138
Hunter-Lab	60.549, -17.372, -33.446
Binary	00101011, 10101111, 11100010

#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#e25e2b
```
#e25e2b rgb(226,94,43)
```

Complementary Color

#2be2ba
```
#2be2ba rgb(43,226,186)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#2b53e2
```
#2b53e2 rgb(43,83,226)
```

Analogous Color

#e2ba2b
```
#e2ba2b rgb(226,186,43)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#e22b54
```
#e22b54 rgb(226,43,84)
```

Split Complementary Color

#afe22b
```
#afe22b rgb(175,226,43)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#e22baf
```
#e22baf rgb(226,43,175)
```

Triadic Color

#2be25e
```
#2be25e rgb(43,226,94)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#e22baf
```
#e22baf rgb(226,43,175)
```
#e25e2b
```
#e25e2b rgb(226,94,43)
```

Tetradic Color

#1781a9
```
#1781a9 rgb(23,129,169)
```
#1a92c0
```
#1a92c0 rgb(26,146,192)
```
#1da3d6
```
#1da3d6 rgb(29,163,214)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#41b7e5
```
#41b7e5 rgb(65,183,229)
```
#58c0e8
```
#58c0e8 rgb(88,192,232)
```
#6ec8eb
```
#6ec8eb rgb(110,200,235)
```

Monochromatic Color

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

#2bdde2
```
#2bdde2 rgb(43,221,226)
```
#2bcee2
```
#2bcee2 rgb(43,206,226)
```
#2bbee2
```
#2bbee2 rgb(43,190,226)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#2ba0e2
```
#2ba0e2 rgb(43,160,226)
```
#2b91e2
```
#2b91e2 rgb(43,145,226)
```
#2b81e2
```
#2b81e2 rgb(43,129,226)
```

Similar Colors

Text with hexadecimal color #2bafe2

This text has a font color of #2bafe2.

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

#2bafe2 background color

This paragraph has a background color of #2bafe2.

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

#2bafe2 border color

This element has a border color of #2bafe2.

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

CSS codes

.text {color:#2bafe2;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#04161e
```
#04161e rgb(4,22,30)
```
#06242f
```
#06242f rgb(6,36,47)
```
#093140
```
#093140 rgb(9,49,64)
```
#0b3e51
```
#0b3e51 rgb(11,62,81)
```
#0d4b63
```
#0d4b63 rgb(13,75,99)
```
#105874
```
#105874 rgb(16,88,116)
```
#126585
```
#126585 rgb(18,101,133)
```
#157296
```
#157296 rgb(21,114,150)
```
#177fa8
```
#177fa8 rgb(23,127,168)
```
#198cb9
```
#198cb9 rgb(25,140,185)
```
#1c99ca
```
#1c99ca rgb(28,153,202)
```
#1ea7db
```
#1ea7db rgb(30,167,219)
```

Shade Color Variation

#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#3cb6e4
```
#3cb6e4 rgb(60,182,228)
```
#4ebce7
```
#4ebce7 rgb(78,188,231)
```
#5fc3e9
```
#5fc3e9 rgb(95,195,233)
```
#70c9eb
```
#70c9eb rgb(112,201,235)
```
#81d0ee
```
#81d0ee rgb(129,208,238)
```
#93d6f0
```
#93d6f0 rgb(147,214,240)
```
#a4ddf3
```
#a4ddf3 rgb(164,221,243)
```
#b5e3f5
```
#b5e3f5 rgb(181,227,245)
```
#c6eaf7
```
#c6eaf7 rgb(198,234,247)
```
#d8f0fa
```
#d8f0fa rgb(216,240,250)
```
#e9f7fc
```
#e9f7fc rgb(233,247,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8a8f is the less saturated color, while #0fbbfe is the most saturated one.

#7e8a8f
```
#7e8a8f rgb(126,138,143)
```
#758e98
```
#758e98 rgb(117,142,152)
```
#6c92a1
```
#6c92a1 rgb(108,146,161)
```
#6396aa
```
#6396aa rgb(99,150,170)
```
#599ab4
```
#599ab4 rgb(89,154,180)
```
#509fbd
```
#509fbd rgb(80,159,189)
```
#47a3c6
```
#47a3c6 rgb(71,163,198)
```
#3ea7cf
```
#3ea7cf rgb(62,167,207)
```
#34abd9
```
#34abd9 rgb(52,171,217)
```
#2bafe2
```
#2bafe2 rgb(43,175,226)
```
#22b3eb
```
#22b3eb rgb(34,179,235)
```
#18b7f5
```
#18b7f5 rgb(24,183,245)
```
#0fbbfe
```
#0fbbfe rgb(15,187,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#79949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5da Protanopia 1% of men
#8da6e8 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#70a9dd Protanomaly 1% of men, 0.01% of women
#69a9e6 Deuteranomaly 6% of men, 0.4% of women
#0fb4cf Tritanomaly 0.01% of the population

#2bafe2 hex color

#2bafe2 Color Information

#2bafe2 Color Conversion

Color Schemes with #2bafe2

Alternatives to #2bafe2

#2bafe2 Preview

Shades and Tints of #2bafe2

Tones of #2bafe2

Color Blindness Simulator