#2b8afb hex color

In a RGB color space, hex #2b8afb is composed of 16.9% red, 54.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 45% magenta, 0% yellow and 1.6% black. It has a hue angle of 212.6 degrees, a saturation of 96.3% and a lightness of 57.6%. #2b8afb color hex could be obtained by blending #56ffff with #0015f7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 54
- B 98
RGB color chart
- C 83
- M 45
- Y 0
- K 2
CMYK color chart

● #2b8afb color description : Bright blue.

The hexadecimal color #2b8afb has RGB values of R:43, G:138, B:251 and CMYK values of C:0.83, M:0.45, Y:0, K:0.02. Its decimal value is 2853627.

Hex triplet	2b8afb	`#2b8afb`
RGB Decimal	43, 138, 251	`rgb(43,138,251)`
RGB Percent	16.9, 54.1, 98.4	`rgb(16.9%,54.1%,98.4%)`
CMYK	83, 45, 0, 2
HSL	212.6°, 96.3, 57.6	`hsl(212.6,96.3%,57.6%)`
HSV (or HSB)	212.6°, 82.9, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.706, 12.974, -63.872
XYZ	27.493, 25.653, 94.764
xyY	0.186, 0.173, 25.653
CIE-LCH	57.706, 65.176, 281.482
CIE-LUV	57.706, -29.981, -102.694
Hunter-Lab	50.649, 8.258, -75.477
Binary	00101011, 10001010, 11111011

#2b8afb
```
#2b8afb rgb(43,138,251)
```
#fb9c2b
```
#fb9c2b rgb(251,156,43)
```

Complementary Color

#2bf2fb
```
#2bf2fb rgb(43,242,251)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#342bfb
```
#342bfb rgb(52,43,251)
```

Analogous Color

#f2fb2b
```
#f2fb2b rgb(242,251,43)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#fb342b
```
#fb342b rgb(251,52,43)
```

Split Complementary Color

#8afb2b
```
#8afb2b rgb(138,251,43)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#fb2b8a
```
#fb2b8a rgb(251,43,138)
```

Triadic Color

#2bfb9c
```
#2bfb9c rgb(43,251,156)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#fb2b8a
```
#fb2b8a rgb(251,43,138)
```
#fb9c2b
```
#fb9c2b rgb(251,156,43)
```

Tetradic Color

#0464d5
```
#0464d5 rgb(4,100,213)
```
#046fef
```
#046fef rgb(4,111,239)
```
#127cfb
```
#127cfb rgb(18,124,251)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#4498fb
```
#4498fb rgb(68,152,251)
```
#5da6fc
```
#5da6fc rgb(93,166,252)
```
#76b3fc
```
#76b3fc rgb(118,179,252)
```

Monochromatic Color

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

#2bbefb
```
#2bbefb rgb(43,190,251)
```
#2badfb
```
#2badfb rgb(43,173,251)
```
#2b9bfb
```
#2b9bfb rgb(43,155,251)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#2b79fb
```
#2b79fb rgb(43,121,251)
```
#2b67fb
```
#2b67fb rgb(43,103,251)
```
#2b56fb
```
#2b56fb rgb(43,86,251)
```

Similar Colors

Text with hexadecimal color #2b8afb

This text has a font color of #2b8afb.

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

#2b8afb background color

This paragraph has a background color of #2b8afb.

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

#2b8afb border color

This element has a border color of #2b8afb.

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

CSS codes

.text {color:#2b8afb;}

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

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

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, #000913 is the darkest color, while #ffffff is the lightest one.

#000913
```
#000913 rgb(0,9,19)
```
#011226
```
#011226 rgb(1,18,38)
```
#011b3a
```
#011b3a rgb(1,27,58)
```
#01244d
```
#01244d rgb(1,36,77)
```
#022d60
```
#022d60 rgb(2,45,96)
```
#023673
```
#023673 rgb(2,54,115)
```
#033f87
```
#033f87 rgb(3,63,135)
```
#03489a
```
#03489a rgb(3,72,154)
```
#0351ad
```
#0351ad rgb(3,81,173)
```
#045ac0
```
#045ac0 rgb(4,90,192)
```
#0463d4
```
#0463d4 rgb(4,99,212)
```
#046ce7
```
#046ce7 rgb(4,108,231)
```
#0575fa
```
#0575fa rgb(5,117,250)
```

Shade Color Variation

#187ffb
```
#187ffb rgb(24,127,251)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```
#3e95fb
```
#3e95fb rgb(62,149,251)
```
#529ffc
```
#529ffc rgb(82,159,252)
```
#65aafc
```
#65aafc rgb(101,170,252)
```
#78b5fc
```
#78b5fc rgb(120,181,252)
```
#8bbffd
```
#8bbffd rgb(139,191,253)
```
#9fcafd
```
#9fcafd rgb(159,202,253)
```
#b2d4fe
```
#b2d4fe rgb(178,212,254)
```
#c5dffe
```
#c5dffe rgb(197,223,254)
```
#d8eafe
```
#d8eafe rgb(216,234,254)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9397 is the less saturated color, while #2b8afb is the most saturated one.

#8f9397
```
#8f9397 rgb(143,147,151)
```
#8692a0
```
#8692a0 rgb(134,146,160)
```
#7e91a8
```
#7e91a8 rgb(126,145,168)
```
#7690b0
```
#7690b0 rgb(118,144,176)
```
#6d90b9
```
#6d90b9 rgb(109,144,185)
```
#658fc1
```
#658fc1 rgb(101,143,193)
```
#5d8ec9
```
#5d8ec9 rgb(93,142,201)
```
#558ed1
```
#558ed1 rgb(85,142,209)
```
#4c8dda
```
#4c8dda rgb(76,141,218)
```
#448ce2
```
#448ce2 rgb(68,140,226)
```
#3c8bea
```
#3c8bea rgb(60,139,234)
```
#338bf3
```
#338bf3 rgb(51,139,243)
```
#2b8afb
```
#2b8afb rgb(43,138,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a7d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#558df8 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#468cf9 Protanomaly 1% of men, 0.01% of women
#0f8ff6 Deuteranomaly 6% of men, 0.4% of women
#0f97c6 Tritanomaly 0.01% of the population

#2b8afb hex color

#2b8afb Color Information

#2b8afb Color Conversion

Color Schemes with #2b8afb

Alternatives to #2b8afb

#2b8afb Preview

Shades and Tints of #2b8afb

Tones of #2b8afb

Color Blindness Simulator