#2b8aff hex color

In a RGB color space, hex #2b8aff is composed of 16.9% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 213.1 degrees, a saturation of 100% and a lightness of 58.4%. #2b8aff color hex could be obtained by blending #56ffff with #0015ff. Closest websafe color is: #3399ff.

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

● #2b8aff color description : Vivid blue.

The hexadecimal color #2b8aff has RGB values of R:43, G:138, B:255 and CMYK values of C:0.83, M:0.46, Y:0, K:0. Its decimal value is 2853631.

Hex triplet	2b8aff	`#2b8aff`
RGB Decimal	43, 138, 255	`rgb(43,138,255)`
RGB Percent	16.9, 54.1, 100	`rgb(16.9%,54.1%,100%)`
CMYK	83, 46, 0, 0
HSL	213.1°, 100, 58.4	`hsl(213.1,100%,58.4%)`
HSV (or HSB)	213.1°, 83.1, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.95, 14.46, -65.681
XYZ	28.131, 25.908, 98.12
xyY	0.185, 0.17, 25.908
CIE-LCH	57.95, 67.254, 282.416
CIE-LUV	57.95, -29.837, -105.798
Hunter-Lab	50.9, 9.575, -78.664
Binary	00101011, 10001010, 11111111

#2b8aff
```
#2b8aff rgb(43,138,255)
```
#ffa02b
```
#ffa02b rgb(255,160,43)
```

Complementary Color

#2bf4ff
```
#2bf4ff rgb(43,244,255)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#362bff
```
#362bff rgb(54,43,255)
```

Analogous Color

#f4ff2b
```
#f4ff2b rgb(244,255,43)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#ff362b
```
#ff362b rgb(255,54,43)
```

Split Complementary Color

#8aff2b
```
#8aff2b rgb(138,255,43)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#ff2b8a
```
#ff2b8a rgb(255,43,138)
```

Triadic Color

#2bffa0
```
#2bffa0 rgb(43,255,160)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#ff2b8a
```
#ff2b8a rgb(255,43,138)
```
#ffa02b
```
#ffa02b rgb(255,160,43)
```

Tetradic Color

#0063de
```
#0063de rgb(0,99,222)
```
#006ff7
```
#006ff7 rgb(0,111,247)
```
#127cff
```
#127cff rgb(18,124,255)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#4598ff
```
#4598ff rgb(69,152,255)
```
#5ea6ff
```
#5ea6ff rgb(94,166,255)
```
#78b4ff
```
#78b4ff rgb(120,180,255)
```

Monochromatic Color

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

#2bbfff
```
#2bbfff rgb(43,191,255)
```
#2badff
```
#2badff rgb(43,173,255)
```
#2b9cff
```
#2b9cff rgb(43,156,255)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#2b78ff
```
#2b78ff rgb(43,120,255)
```
#2b67ff
```
#2b67ff rgb(43,103,255)
```
#2b55ff
```
#2b55ff rgb(43,85,255)
```

Similar Colors

Text with hexadecimal color #2b8aff

This text has a font color of #2b8aff.

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

#2b8aff background color

This paragraph has a background color of #2b8aff.

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

#2b8aff border color

This element has a border color of #2b8aff.

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

CSS codes

.text {color:#2b8aff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#00132b
```
#00132b rgb(0,19,43)
```
#001c3f
```
#001c3f rgb(0,28,63)
```
#002552
```
#002552 rgb(0,37,82)
```
#002e66
```
#002e66 rgb(0,46,102)
```
#003679
```
#003679 rgb(0,54,121)
```
#003f8d
```
#003f8d rgb(0,63,141)
```
#0048a1
```
#0048a1 rgb(0,72,161)
```
#0051b4
```
#0051b4 rgb(0,81,180)
```
#005ac8
```
#005ac8 rgb(0,90,200)
```
#0062dc
```
#0062dc rgb(0,98,220)
```
#006bef
```
#006bef rgb(0,107,239)
```

Shade Color Variation

#0474ff
```
#0474ff rgb(4,116,255)
```
#177fff
```
#177fff rgb(23,127,255)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```
#3f95ff
```
#3f95ff rgb(63,149,255)
```
#52a0ff
```
#52a0ff rgb(82,160,255)
```
#66aaff
```
#66aaff rgb(102,170,255)
```
#79b5ff
```
#79b5ff rgb(121,181,255)
```
#8dc0ff
```
#8dc0ff rgb(141,192,255)
```
#a1cbff
```
#a1cbff rgb(161,203,255)
```
#b4d6ff
```
#b4d6ff rgb(180,214,255)
```
#c8e1ff
```
#c8e1ff rgb(200,225,255)
```
#dcebff
```
#dcebff rgb(220,235,255)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#8d949d
```
#8d949d rgb(141,148,157)
```
#8593a5
```
#8593a5 rgb(133,147,165)
```
#7d92ad
```
#7d92ad rgb(125,146,173)
```
#7492b6
```
#7492b6 rgb(116,146,182)
```
#6c91be
```
#6c91be rgb(108,145,190)
```
#6490c6
```
#6490c6 rgb(100,144,198)
```
#5c8fce
```
#5c8fce rgb(92,143,206)
```
#548ed6
```
#548ed6 rgb(84,142,214)
```
#4c8dde
```
#4c8dde rgb(76,141,222)
```
#438de7
```
#438de7 rgb(67,141,231)
```
#3b8cef
```
#3b8cef rgb(59,140,239)
```
#338bf7
```
#338bf7 rgb(51,139,247)
```
#2b8aff
```
#2b8aff rgb(43,138,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b7e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528dfc Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#438cfd Protanomaly 1% of men, 0.01% of women
#0f90f8 Deuteranomaly 6% of men, 0.4% of women
#0f97c8 Tritanomaly 0.01% of the population

#2b8aff hex color

#2b8aff Color Information

#2b8aff Color Conversion

Color Schemes with #2b8aff

Alternatives to #2b8aff

#2b8aff Preview

Shades and Tints of #2b8aff

Tones of #2b8aff

Color Blindness Simulator