colorhexa.com

#2b6ceb hex color

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

- R 17
- G 42
- B 92
RGB color chart
- C 82
- M 54
- Y 0
- K 8
CMYK color chart

● #2b6ceb color description : Bright blue.

The hexadecimal color #2b6ceb has RGB values of R:43, G:108, B:235 and CMYK values of C:0.82, M:0.54, Y:0, K:0.08. Its decimal value is 2845931.

Hex triplet	2b6ceb	`#2b6ceb`
RGB Decimal	43, 108, 235	`rgb(43,108,235)`
RGB Percent	16.9, 42.4, 92.2	`rgb(16.9%,42.4%,92.2%)`
CMYK	82, 54, 0, 8
HSL	219.7°, 82.8, 54.5	`hsl(219.7,82.8%,54.5%)`
HSV (or HSB)	219.7°, 81.7, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.555, 25.692, -69.764
XYZ	21.351, 17.235, 80.794
xyY	0.179, 0.144, 17.235
CIE-LCH	48.555, 74.344, 290.217
CIE-LUV	48.555, -21.659, -108.144
Hunter-Lab	41.515, 19.149, -86.325
Binary	00101011, 01101100, 11101011

#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#ebaa2b
```
#ebaa2b rgb(235,170,43)
```

Complementary Color

#2bcceb
```
#2bcceb rgb(43,204,235)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#4a2beb
```
#4a2beb rgb(74,43,235)
```

Analogous Color

#cceb2b
```
#cceb2b rgb(204,235,43)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#eb4a2b
```
#eb4a2b rgb(235,74,43)
```

Split Complementary Color

#6ceb2b
```
#6ceb2b rgb(108,235,43)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#eb2b6c
```
#eb2b6c rgb(235,43,108)
```

Triadic Color

#2bebaa
```
#2bebaa rgb(43,235,170)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#eb2b6c
```
#eb2b6c rgb(235,43,108)
```
#ebaa2b
```
#ebaa2b rgb(235,170,43)
```

Tetradic Color

#114ab8
```
#114ab8 rgb(17,74,184)
```
#1453cf
```
#1453cf rgb(20,83,207)
```
#165de7
```
#165de7 rgb(22,93,231)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#427ced
```
#427ced rgb(66,124,237)
```
#5a8cef
```
#5a8cef rgb(90,140,239)
```
#719cf2
```
#719cf2 rgb(113,156,242)
```

Monochromatic Color

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

#2b9ceb
```
#2b9ceb rgb(43,156,235)
```
#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)
```

Similar Colors

Text with hexadecimal color #2b6ceb

This text has a font color of #2b6ceb.

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

#2b6ceb background color

This paragraph has a background color of #2b6ceb.

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

#2b6ceb border color

This element has a border color of #2b6ceb.

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

CSS codes

.text {color:#2b6ceb;}

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

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

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 #f0f5fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#020815
```
#020815 rgb(2,8,21)
```
#041027
```
#041027 rgb(4,16,39)
```
#051739
```
#051739 rgb(5,23,57)
```
#071e4b
```
#071e4b rgb(7,30,75)
```
#09255d
```
#09255d rgb(9,37,93)
```
#0a2c6f
```
#0a2c6f rgb(10,44,111)
```
#0c3481
```
#0c3481 rgb(12,52,129)
```
#0e3b92
```
#0e3b92 rgb(14,59,146)
```
#1042a4
```
#1042a4 rgb(16,66,164)
```
#1149b6
```
#1149b6 rgb(17,73,182)
```
#1350c8
```
#1350c8 rgb(19,80,200)
```
#1557da
```
#1557da rgb(21,87,218)
```

Shade Color Variation

#1960e9
```
#1960e9 rgb(25,96,233)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#3d78ed
```
#3d78ed rgb(61,120,237)
```
#4f85ee
```
#4f85ee rgb(79,133,238)
```
#6191f0
```
#6191f0 rgb(97,145,240)
```
#739ef2
```
#739ef2 rgb(115,158,242)
```
#85aaf3
```
#85aaf3 rgb(133,170,243)
```
#97b7f5
```
#97b7f5 rgb(151,183,245)
```
#a8c3f7
```
#a8c3f7 rgb(168,195,247)
```
#bacff9
```
#bacff9 rgb(186,207,249)
```
#ccdcfa
```
#ccdcfa rgb(204,220,250)
```
#dee8fc
```
#dee8fc rgb(222,232,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

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

#848992
```
#848992 rgb(132,137,146)
```
#7b869b
```
#7b869b rgb(123,134,155)
```
#7283a4
```
#7283a4 rgb(114,131,164)
```
#6980ad
```
#6980ad rgb(105,128,173)
```
#617db5
```
#617db5 rgb(97,125,181)
```
#587abe
```
#587abe rgb(88,122,190)
```
#4f78c7
```
#4f78c7 rgb(79,120,199)
```
#4675d0
```
#4675d0 rgb(70,117,208)
```
#3d72d9
```
#3d72d9 rgb(61,114,217)
```
#346fe2
```
#346fe2 rgb(52,111,226)
```
#2b6ceb
```
#2b6ceb rgb(43,108,235)
```
#2269f4
```
#2269f4 rgb(34,105,244)
```
#1966fd
```
#1966fd rgb(25,102,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#0f72e9 Protanomaly 1% of men, 0.01% of women
#0f77d7 Deuteranomaly 6% of men, 0.4% of women
#0f7cb0 Tritanomaly 0.01% of the population