#2b5ceb hex color

In a RGB color space, hex #2b5ceb is composed of 16.9% red, 36.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 60.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 224.7 degrees, a saturation of 82.8% and a lightness of 54.5%. #2b5ceb color hex could be obtained by blending #56b8ff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 36
- B 92
RGB color chart
- C 82
- M 61
- Y 0
- K 8
CMYK color chart

● #2b5ceb color description : Bright blue.

The hexadecimal color #2b5ceb has RGB values of R:43, G:92, B:235 and CMYK values of C:0.82, M:0.61, Y:0, K:0.08. Its decimal value is 2841835.

Hex triplet	2b5ceb	`#2b5ceb`
RGB Decimal	43, 92, 235	`rgb(43,92,235)`
RGB Percent	16.9, 36.1, 92.2	`rgb(16.9%,36.1%,92.2%)`
CMYK	82, 61, 0, 8
HSL	224.7°, 82.8, 54.5	`hsl(224.7,82.8%,54.5%)`
HSV (or HSB)	224.7°, 81.7, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.468, 35.841, -76.428
XYZ	19.816, 14.165, 80.282
xyY	0.173, 0.124, 14.165
CIE-LCH	44.468, 84.414, 295.124
CIE-LUV	44.468, -17.523, -114.978
Hunter-Lab	37.636, 28.119, -100.129
Binary	00101011, 01011100, 11101011

#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#ebba2b
```
#ebba2b rgb(235,186,43)
```

Complementary Color

#2bbceb
```
#2bbceb rgb(43,188,235)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#5a2beb
```
#5a2beb rgb(90,43,235)
```

Analogous Color

#bceb2b
```
#bceb2b rgb(188,235,43)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#eb5a2b
```
#eb5a2b rgb(235,90,43)
```

Split Complementary Color

#5ceb2b
```
#5ceb2b rgb(92,235,43)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#eb2b5c
```
#eb2b5c rgb(235,43,92)
```

Triadic Color

#2bebba
```
#2bebba rgb(43,235,186)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#eb2b5c
```
#eb2b5c rgb(235,43,92)
```
#ebba2b
```
#ebba2b rgb(235,186,43)
```

Tetradic Color

#113cb8
```
#113cb8 rgb(17,60,184)
```
#1444cf
```
#1444cf rgb(20,68,207)
```
#164be7
```
#164be7 rgb(22,75,231)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#426eed
```
#426eed rgb(66,110,237)
```
#5a80ef
```
#5a80ef rgb(90,128,239)
```
#7192f2
```
#7192f2 rgb(113,146,242)
```

Monochromatic Color

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

#2b8ceb
```
#2b8ceb rgb(43,140,235)
```
#2b7ceb
```
#2b7ceb rgb(43,124,235)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#2b4ceb
```
#2b4ceb rgb(43,76,235)
```
#2b3ceb
```
#2b3ceb rgb(43,60,235)
```
#2b2ceb
```
#2b2ceb rgb(43,44,235)
```

Similar Colors

Text with hexadecimal color #2b5ceb

This text has a font color of #2b5ceb.

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

#2b5ceb background color

This paragraph has a background color of #2b5ceb.

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

#2b5ceb border color

This element has a border color of #2b5ceb.

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

CSS codes

.text {color:#2b5ceb;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020715
```
#020715 rgb(2,7,21)
```
#040d27
```
#040d27 rgb(4,13,39)
```
#051339
```
#051339 rgb(5,19,57)
```
#07184b
```
#07184b rgb(7,24,75)
```
#091e5d
```
#091e5d rgb(9,30,93)
```
#0a246f
```
#0a246f rgb(10,36,111)
```
#0c2a81
```
#0c2a81 rgb(12,42,129)
```
#0e3092
```
#0e3092 rgb(14,48,146)
```
#1036a4
```
#1036a4 rgb(16,54,164)
```
#113bb6
```
#113bb6 rgb(17,59,182)
```
#1341c8
```
#1341c8 rgb(19,65,200)
```
#1547da
```
#1547da rgb(21,71,218)
```

Shade Color Variation

#194ee9
```
#194ee9 rgb(25,78,233)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#3d6aed
```
#3d6aed rgb(61,106,237)
```
#4f78ee
```
#4f78ee rgb(79,120,238)
```
#6185f0
```
#6185f0 rgb(97,133,240)
```
#7393f2
```
#7393f2 rgb(115,147,242)
```
#85a1f3
```
#85a1f3 rgb(133,161,243)
```
#97aff5
```
#97aff5 rgb(151,175,245)
```
#a8bcf7
```
#a8bcf7 rgb(168,188,247)
```
#bacaf9
```
#bacaf9 rgb(186,202,249)
```
#ccd8fa
```
#ccd8fa rgb(204,216,250)
```
#dee6fc
```
#dee6fc rgb(222,230,252)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

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

#848892
```
#848892 rgb(132,136,146)
```
#7b839b
```
#7b839b rgb(123,131,155)
```
#727fa4
```
#727fa4 rgb(114,127,164)
```
#697bad
```
#697bad rgb(105,123,173)
```
#6176b5
```
#6176b5 rgb(97,118,181)
```
#5872be
```
#5872be rgb(88,114,190)
```
#4f6dc7
```
#4f6dc7 rgb(79,109,199)
```
#4669d0
```
#4669d0 rgb(70,105,208)
```
#3d65d9
```
#3d65d9 rgb(61,101,217)
```
#3460e2
```
#3460e2 rgb(52,96,226)
```
#2b5ceb
```
#2b5ceb rgb(43,92,235)
```
#2258f4
```
#2258f4 rgb(34,88,244)
```
#1953fd
```
#1953fd rgb(25,83,253)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#545e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0f67dd Protanomaly 1% of men, 0.01% of women
#0f6bcc Deuteranomaly 6% of men, 0.4% of women
#0f70a8 Tritanomaly 0.01% of the population

#2b5ceb hex color

#2b5ceb Color Information

#2b5ceb Color Conversion

Color Schemes with #2b5ceb

Alternatives to #2b5ceb

#2b5ceb Preview

Shades and Tints of #2b5ceb

Tones of #2b5ceb

Color Blindness Simulator