#2b83e5 hex color

In a RGB color space, hex #2b83e5 is composed of 16.9% red, 51.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 42.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 211.6 degrees, a saturation of 78.2% and a lightness of 53.3%. #2b83e5 color hex could be obtained by blending #56ffff with #0007cb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 51
- B 90
RGB color chart
- C 81
- M 43
- Y 0
- K 10
CMYK color chart

● #2b83e5 color description : Bright blue.

The hexadecimal color #2b83e5 has RGB values of R:43, G:131, B:229 and CMYK values of C:0.81, M:0.43, Y:0, K:0.1. Its decimal value is 2851813.

Hex triplet	2b83e5	`#2b83e5`
RGB Decimal	43, 131, 229	`rgb(43,131,229)`
RGB Percent	16.9, 51.4, 89.8	`rgb(16.9%,51.4%,89.8%)`
CMYK	81, 43, 0, 10
HSL	211.6°, 78.2, 53.3	`hsl(211.6,78.2%,53.3%)`
HSV (or HSB)	211.6°, 81.2, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.45, 9.047, -56.892
XYZ	23.252, 22.401, 77.223
xyY	0.189, 0.182, 22.401
CIE-LCH	54.45, 57.607, 279.036
CIE-LUV	54.45, -28.632, -90.014
Hunter-Lab	47.33, 4.865, -63.605
Binary	00101011, 10000011, 11100101

#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#e58d2b
```
#e58d2b rgb(229,141,43)
```

Complementary Color

#2be0e5
```
#2be0e5 rgb(43,224,229)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#302be5
```
#302be5 rgb(48,43,229)
```

Analogous Color

#e0e52b
```
#e0e52b rgb(224,229,43)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#e5302b
```
#e5302b rgb(229,48,43)
```

Split Complementary Color

#83e52b
```
#83e52b rgb(131,229,43)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#e52b83
```
#e52b83 rgb(229,43,131)
```

Triadic Color

#2be58d
```
#2be58d rgb(43,229,141)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#e52b83
```
#e52b83 rgb(229,43,131)
```
#e58d2b
```
#e58d2b rgb(229,141,43)
```

Tetradic Color

#155eae
```
#155eae rgb(21,94,174)
```
#186ac5
```
#186ac5 rgb(24,106,197)
```
#1b76dc
```
#1b76dc rgb(27,118,220)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#4290e8
```
#4290e8 rgb(66,144,232)
```
#589eeb
```
#589eeb rgb(88,158,235)
```
#6fabed
```
#6fabed rgb(111,171,237)
```

Monochromatic Color

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

#2bb2e5
```
#2bb2e5 rgb(43,178,229)
```
#2ba2e5
```
#2ba2e5 rgb(43,162,229)
```
#2b93e5
```
#2b93e5 rgb(43,147,229)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#2b74e5
```
#2b74e5 rgb(43,116,229)
```
#2b64e5
```
#2b64e5 rgb(43,100,229)
```
#2b54e5
```
#2b54e5 rgb(43,84,229)
```

Similar Colors

Text with hexadecimal color #2b83e5

This text has a font color of #2b83e5.

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

#2b83e5 background color

This paragraph has a background color of #2b83e5.

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

#2b83e5 border color

This element has a border color of #2b83e5.

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

CSS codes

.text {color:#2b83e5;}

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

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

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#041221
```
#041221 rgb(4,18,33)
```
#061b32
```
#061b32 rgb(6,27,50)
```
#082444
```
#082444 rgb(8,36,68)
```
#0a2e55
```
#0a2e55 rgb(10,46,85)
```
#0d3767
```
#0d3767 rgb(13,55,103)
```
#0f4178
```
#0f4178 rgb(15,65,120)
```
#114a89
```
#114a89 rgb(17,74,137)
```
#13539b
```
#13539b rgb(19,83,155)
```
#155dac
```
#155dac rgb(21,93,172)
```
#1766be
```
#1766be rgb(23,102,190)
```
#196fcf
```
#196fcf rgb(25,111,207)
```
#1c79e1
```
#1c79e1 rgb(28,121,225)
```

Shade Color Variation

#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#3c8de7
```
#3c8de7 rgb(60,141,231)
```
#4e97e9
```
#4e97e9 rgb(78,151,233)
```
#5fa2eb
```
#5fa2eb rgb(95,162,235)
```
#71acee
```
#71acee rgb(113,172,238)
```
#82b6f0
```
#82b6f0 rgb(130,182,240)
```
#94c0f2
```
#94c0f2 rgb(148,192,242)
```
#a5cbf4
```
#a5cbf4 rgb(165,203,244)
```
#b7d5f6
```
#b7d5f6 rgb(183,213,246)
```
#c8dff8
```
#c8dff8 rgb(200,223,248)
```
#dae9fa
```
#dae9fa rgb(218,233,250)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#878889
```
#878889 rgb(135,136,137)
```
#7d8793
```
#7d8793 rgb(125,135,147)
```
#74879c
```
#74879c rgb(116,135,156)
```
#6b86a5
```
#6b86a5 rgb(107,134,165)
```
#6286ae
```
#6286ae rgb(98,134,174)
```
#5985b7
```
#5985b7 rgb(89,133,183)
```
#5085c0
```
#5085c0 rgb(80,133,192)
```
#4684ca
```
#4684ca rgb(70,132,202)
```
#3d84d3
```
#3d84d3 rgb(61,132,211)
```
#3483dc
```
#3483dc rgb(52,131,220)
```
#2b83e5
```
#2b83e5 rgb(43,131,229)
```
#2283ee
```
#2283ee rgb(34,131,238)
```
#1982f7
```
#1982f7 rgb(25,130,247)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#65778b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a85e3 Protanopia 1% of men
#238ae5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#4884e3 Protanomaly 1% of men, 0.01% of women
#2687e5 Deuteranomaly 6% of men, 0.4% of women
#0f8fb8 Tritanomaly 0.01% of the population

#2b83e5 hex color

#2b83e5 Color Information

#2b83e5 Color Conversion

Color Schemes with #2b83e5

Alternatives to #2b83e5

#2b83e5 Preview

Shades and Tints of #2b83e5

Tones of #2b83e5

Color Blindness Simulator