#2b8afa hex color

In a RGB color space, hex #2b8afa is composed of 16.9% red, 54.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 44.8% magenta, 0% yellow and 2% black. It has a hue angle of 212.5 degrees, a saturation of 95.4% and a lightness of 57.5%. #2b8afa color hex could be obtained by blending #56ffff with #0015f5. 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

● #2b8afa color description : Bright blue.

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

Hex triplet	2b8afa	`#2b8afa`
RGB Decimal	43, 138, 250	`rgb(43,138,250)`
RGB Percent	16.9, 54.1, 98	`rgb(16.9%,54.1%,98%)`
CMYK	83, 45, 0, 2
HSL	212.5°, 95.4, 57.5	`hsl(212.5,95.4%,57.5%)`
HSV (or HSB)	212.5°, 82.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.646, 12.602, -63.418
XYZ	27.336, 25.59, 93.936
xyY	0.186, 0.174, 25.59
CIE-LCH	57.646, 64.658, 281.239
CIE-LUV	57.646, -30.017, -101.914
Hunter-Lab	50.587, 7.931, -74.686
Binary	00101011, 10001010, 11111010

#2b8afa
```
#2b8afa rgb(43,138,250)
```
#fa9b2b
```
#fa9b2b rgb(250,155,43)
```

Complementary Color

#2bf2fa
```
#2bf2fa rgb(43,242,250)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#342bfa
```
#342bfa rgb(52,43,250)
```

Analogous Color

#f2fa2b
```
#f2fa2b rgb(242,250,43)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#fa342b
```
#fa342b rgb(250,52,43)
```

Split Complementary Color

#8afa2b
```
#8afa2b rgb(138,250,43)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#fa2b8a
```
#fa2b8a rgb(250,43,138)
```

Triadic Color

#2bfa9b
```
#2bfa9b rgb(43,250,155)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#fa2b8a
```
#fa2b8a rgb(250,43,138)
```
#fa9b2b
```
#fa9b2b rgb(250,155,43)
```

Tetradic Color

#0564d4
```
#0564d4 rgb(5,100,212)
```
#0670ec
```
#0670ec rgb(6,112,236)
```
#127cf9
```
#127cf9 rgb(18,124,249)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#4498fb
```
#4498fb rgb(68,152,251)
```
#5da5fb
```
#5da5fb rgb(93,165,251)
```
#76b3fc
```
#76b3fc rgb(118,179,252)
```

Monochromatic Color

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

#2bbefa
```
#2bbefa rgb(43,190,250)
```
#2badfa
```
#2badfa rgb(43,173,250)
```
#2b9bfa
```
#2b9bfa rgb(43,155,250)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#2b79fa
```
#2b79fa rgb(43,121,250)
```
#2b68fa
```
#2b68fa rgb(43,104,250)
```
#2b56fa
```
#2b56fa rgb(43,86,250)
```

Similar Colors

Text with hexadecimal color #2b8afa

This text has a font color of #2b8afa.

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

#2b8afa background color

This paragraph has a background color of #2b8afa.

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

#2b8afa border color

This element has a border color of #2b8afa.

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

CSS codes

.text {color:#2b8afa;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011b38
```
#011b38 rgb(1,27,56)
```
#02244b
```
#02244b rgb(2,36,75)
```
#022d5f
```
#022d5f rgb(2,45,95)
```
#033672
```
#033672 rgb(3,54,114)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#044898
```
#044898 rgb(4,72,152)
```
#0451ab
```
#0451ab rgb(4,81,171)
```
#045abe
```
#045abe rgb(4,90,190)
```
#0563d2
```
#0563d2 rgb(5,99,210)
```
#056ce5
```
#056ce5 rgb(5,108,229)
```
#0675f8
```
#0675f8 rgb(6,117,248)
```

Shade Color Variation

#187ffa
```
#187ffa rgb(24,127,250)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#3e95fa
```
#3e95fa rgb(62,149,250)
```
#519ffb
```
#519ffb rgb(81,159,251)
```
#64aafb
```
#64aafb rgb(100,170,251)
```
#78b4fc
```
#78b4fc rgb(120,180,252)
```
#8bbffc
```
#8bbffc rgb(139,191,252)
```
#9ec9fd
```
#9ec9fd rgb(158,201,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#c4dffe
```
#c4dffe rgb(196,223,254)
```
#d7e9fe
```
#d7e9fe rgb(215,233,254)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8f9296
```
#8f9296 rgb(143,146,150)
```
#87929e
```
#87929e rgb(135,146,158)
```
#7e91a7
```
#7e91a7 rgb(126,145,167)
```
#7690af
```
#7690af rgb(118,144,175)
```
#6e8fb7
```
#6e8fb7 rgb(110,143,183)
```
#658fc0
```
#658fc0 rgb(101,143,192)
```
#5d8ec8
```
#5d8ec8 rgb(93,142,200)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#4c8dd9
```
#4c8dd9 rgb(76,141,217)
```
#448ce1
```
#448ce1 rgb(68,140,225)
```
#3c8be9
```
#3c8be9 rgb(60,139,233)
```
#338bf2
```
#338bf2 rgb(51,139,242)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```

Tone Color Variation

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

#568df7 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

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

#2b8afa hex color

#2b8afa Color Information

#2b8afa Color Conversion

Color Schemes with #2b8afa

Alternatives to #2b8afa

#2b8afa Preview

Shades and Tints of #2b8afa

Tones of #2b8afa

Color Blindness Simulator