colorhexa.com

#2b48be hex color

In a RGB color space, hex #2b48be is composed of 16.9% red, 28.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 62.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 228.2 degrees, a saturation of 63.1% and a lightness of 45.7%. #2b48be color hex could be obtained by blending #5690ff with #00007d. Closest websafe color is: #3333cc.

- R 17
- G 28
- B 75
RGB color chart
- C 77
- M 62
- Y 0
- K 25
CMYK color chart

● #2b48be color description : Strong blue.

The hexadecimal color #2b48be has RGB values of R:43, G:72, B:190 and CMYK values of C:0.77, M:0.62, Y:0, K:0.25. Its decimal value is 2836670.

Hex triplet	2b48be	`#2b48be`
RGB Decimal	43, 72, 190	`rgb(43,72,190)`
RGB Percent	16.9, 28.2, 74.5	`rgb(16.9%,28.2%,74.5%)`
CMYK	77, 62, 0, 25
HSL	228.2°, 63.1, 45.7	`hsl(228.2,63.1%,45.7%)`
HSV (or HSB)	228.2°, 77.4, 74.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.723, 32.04, -64.874
XYZ	12.606, 8.865, 49.759
xyY	0.177, 0.124, 8.865
CIE-LCH	35.723, 72.355, 296.284
CIE-LUV	35.723, -12.46, -91.834
Hunter-Lab	29.774, 23.469, -78.244
Binary	00101011, 01001000, 10111110

#2b48be
```
#2b48be rgb(43,72,190)
```
#bea12b
```
#bea12b rgb(190,161,43)
```

Complementary Color

#2b92be
```
#2b92be rgb(43,146,190)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#572bbe
```
#572bbe rgb(87,43,190)
```

Analogous Color

#92be2b
```
#92be2b rgb(146,190,43)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#be582b
```
#be582b rgb(190,88,43)
```

Split Complementary Color

#48be2b
```
#48be2b rgb(72,190,43)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#be2b48
```
#be2b48 rgb(190,43,72)
```

Triadic Color

#2bbea1
```
#2bbea1 rgb(43,190,161)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#be2b48
```
#be2b48 rgb(190,43,72)
```
#bea12b
```
#bea12b rgb(190,161,43)
```

Tetradic Color

#1d3080
```
#1d3080 rgb(29,48,128)
```
#223894
```
#223894 rgb(34,56,148)
```
#2640a9
```
#2640a9 rgb(38,64,169)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#3251d1
```
#3251d1 rgb(50,81,209)
```
#4763d5
```
#4763d5 rgb(71,99,213)
```
#5c74da
```
#5c74da rgb(92,116,218)
```

Monochromatic Color

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

#2b6dbe
```
#2b6dbe rgb(43,109,190)
```
#2b61be
```
#2b61be rgb(43,97,190)
```
#2b54be
```
#2b54be rgb(43,84,190)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#2b3cbe
```
#2b3cbe rgb(43,60,190)
```
#2b30be
```
#2b30be rgb(43,48,190)
```
#332bbe
```
#332bbe rgb(51,43,190)
```

Similar Colors

Text with hexadecimal color #2b48be

This text has a font color of #2b48be.

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

#2b48be background color

This paragraph has a background color of #2b48be.

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

#2b48be border color

This element has a border color of #2b48be.

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

CSS codes

.text {color:#2b48be;}

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

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

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070b1e
```
#070b1e rgb(7,11,30)
```
#0a112e
```
#0a112e rgb(10,17,46)
```
#0e183e
```
#0e183e rgb(14,24,62)
```
#121e4e
```
#121e4e rgb(18,30,78)
```
#15245e
```
#15245e rgb(21,36,94)
```
#192a6e
```
#192a6e rgb(25,42,110)
```
#1d307e
```
#1d307e rgb(29,48,126)
```
#20368e
```
#20368e rgb(32,54,142)
```
#243c9e
```
#243c9e rgb(36,60,158)
```
#2742ae
```
#2742ae rgb(39,66,174)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#2f4ece
```
#2f4ece rgb(47,78,206)
```

Shade Color Variation

#3d5bd3
```
#3d5bd3 rgb(61,91,211)
```
#4d68d7
```
#4d68d7 rgb(77,104,215)
```
#5d76da
```
#5d76da rgb(93,118,218)
```
#6d83de
```
#6d83de rgb(109,131,222)
```
#7d91e2
```
#7d91e2 rgb(125,145,226)
```
#8d9ee5
```
#8d9ee5 rgb(141,158,229)
```
#9dace9
```
#9dace9 rgb(157,172,233)
```
#adbaec
```
#adbaec rgb(173,186,236)
```
#bdc7f0
```
#bdc7f0 rgb(189,199,240)
```
#cdd5f4
```
#cdd5f4 rgb(205,213,244)
```
#dde2f7
```
#dde2f7 rgb(221,226,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#737376
```
#737376 rgb(115,115,118)
```
#6a6e7f
```
#6a6e7f rgb(106,110,127)
```
#616988
```
#616988 rgb(97,105,136)
```
#586391
```
#586391 rgb(88,99,145)
```
#4f5e9a
```
#4f5e9a rgb(79,94,154)
```
#4658a3
```
#4658a3 rgb(70,88,163)
```
#3d53ac
```
#3d53ac rgb(61,83,172)
```
#344db5
```
#344db5 rgb(52,77,181)
```
#2b48be
```
#2b48be rgb(43,72,190)
```
#2243c7
```
#2243c7 rgb(34,67,199)
```
#193dd0
```
#193dd0 rgb(25,61,208)
```
#1038d9
```
#1038d9 rgb(16,56,217)
```
#0732e2
```
#0732e2 rgb(7,50,226)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0f53b5 Protanomaly 1% of men, 0.01% of women
#0f56a6 Deuteranomaly 6% of men, 0.4% of women
#0f5b89 Tritanomaly 0.01% of the population