#2b48b6 hex color

In a RGB color space, hex #2b48b6 is composed of 16.9% red, 28.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 60.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 227.5 degrees, a saturation of 61.8% and a lightness of 44.1%. #2b48b6 color hex could be obtained by blending #5690ff with #00006d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 28
- B 71
RGB color chart
- C 76
- M 60
- Y 0
- K 29
CMYK color chart

● #2b48b6 color description : Strong blue.

The hexadecimal color #2b48b6 has RGB values of R:43, G:72, B:182 and CMYK values of C:0.76, M:0.6, Y:0, K:0.29. Its decimal value is 2836662.

Hex triplet	2b48b6	`#2b48b6`
RGB Decimal	43, 72, 182	`rgb(43,72,182)`
RGB Percent	16.9, 28.2, 71.4	`rgb(16.9%,28.2%,71.4%)`
CMYK	76, 60, 0, 29
HSL	227.5°, 61.8, 44.1	`hsl(227.5,61.8%,44.1%)`
HSV (or HSB)	227.5°, 76.4, 71.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.053, 29.06, -61.26
XYZ	11.755, 8.525, 45.279
xyY	0.179, 0.13, 8.525
CIE-LCH	35.053, 67.804, 295.379
CIE-LUV	35.053, -12.369, -86.495
Hunter-Lab	29.197, 20.771, -71.509
Binary	00101011, 01001000, 10110110

#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#b6992b
```
#b6992b rgb(182,153,43)
```

Complementary Color

#2b8eb6
```
#2b8eb6 rgb(43,142,182)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#542bb6
```
#542bb6 rgb(84,43,182)
```

Analogous Color

#8eb62b
```
#8eb62b rgb(142,182,43)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#b6542b
```
#b6542b rgb(182,84,43)
```

Split Complementary Color

#48b62b
```
#48b62b rgb(72,182,43)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#b62b48
```
#b62b48 rgb(182,43,72)
```

Triadic Color

#2bb699
```
#2bb699 rgb(43,182,153)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#b62b48
```
#b62b48 rgb(182,43,72)
```
#b6992b
```
#b6992b rgb(182,153,43)
```

Tetradic Color

#1c3078
```
#1c3078 rgb(28,48,120)
```
#21388d
```
#21388d rgb(33,56,141)
```
#2640a1
```
#2640a1 rgb(38,64,161)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#3050cb
```
#3050cb rgb(48,80,203)
```
#4260d2
```
#4260d2 rgb(66,96,210)
```
#5671d7
```
#5671d7 rgb(86,113,215)
```

Monochromatic Color

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

#2b6bb6
```
#2b6bb6 rgb(43,107,182)
```
#2b5fb6
```
#2b5fb6 rgb(43,95,182)
```
#2b54b6
```
#2b54b6 rgb(43,84,182)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#2b3cb6
```
#2b3cb6 rgb(43,60,182)
```
#2b31b6
```
#2b31b6 rgb(43,49,182)
```
#312bb6
```
#312bb6 rgb(49,43,182)
```

Similar Colors

Text with hexadecimal color #2b48b6

This text has a font color of #2b48b6.

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

#2b48b6 background color

This paragraph has a background color of #2b48b6.

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

#2b48b6 border color

This element has a border color of #2b48b6.

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

CSS codes

.text {color:#2b48b6;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060917
```
#060917 rgb(6,9,23)
```
#091027
```
#091027 rgb(9,16,39)
```
#0d1637
```
#0d1637 rgb(13,22,55)
```
#111c47
```
#111c47 rgb(17,28,71)
```
#152257
```
#152257 rgb(21,34,87)
```
#182967
```
#182967 rgb(24,41,103)
```
#1c2f77
```
#1c2f77 rgb(28,47,119)
```
#203586
```
#203586 rgb(32,53,134)
```
#243b96
```
#243b96 rgb(36,59,150)
```
#2742a6
```
#2742a6 rgb(39,66,166)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#2f4ec6
```
#2f4ec6 rgb(47,78,198)
```

Shade Color Variation

#3858d0
```
#3858d0 rgb(56,88,208)
```
#4865d4
```
#4865d4 rgb(72,101,212)
```
#5873d8
```
#5873d8 rgb(88,115,216)
```
#6880db
```
#6880db rgb(104,128,219)
```
#788ddf
```
#788ddf rgb(120,141,223)
```
#889be3
```
#889be3 rgb(136,155,227)
```
#97a8e7
```
#97a8e7 rgb(151,168,231)
```
#a7b5ea
```
#a7b5ea rgb(167,181,234)
```
#b7c3ee
```
#b7c3ee rgb(183,195,238)
```
#c7d0f2
```
#c7d0f2 rgb(199,208,242)
```
#d7ddf6
```
#d7ddf6 rgb(215,221,246)
```
#e7ebf9
```
#e7ebf9 rgb(231,235,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#707071
```
#707071 rgb(112,112,113)
```
#686b79
```
#686b79 rgb(104,107,121)
```
#5f6682
```
#5f6682 rgb(95,102,130)
```
#56618b
```
#56618b rgb(86,97,139)
```
#4e5c93
```
#4e5c93 rgb(78,92,147)
```
#45579c
```
#45579c rgb(69,87,156)
```
#3c52a5
```
#3c52a5 rgb(60,82,165)
```
#344dad
```
#344dad rgb(52,77,173)
```
#2b48b6
```
#2b48b6 rgb(43,72,182)
```
#2243bf
```
#2243bf rgb(34,67,191)
```
#1a3ec7
```
#1a3ec7 rgb(26,62,199)
```
#1139d0
```
#1139d0 rgb(17,57,208)
```
#0834d9
```
#0834d9 rgb(8,52,217)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#0f52b0 Protanomaly 1% of men, 0.01% of women
#0f55a2 Deuteranomaly 6% of men, 0.4% of women
#0f5a85 Tritanomaly 0.01% of the population

#2b48b6 hex color

#2b48b6 Color Information

#2b48b6 Color Conversion

Color Schemes with #2b48b6

Alternatives to #2b48b6

#2b48b6 Preview

Shades and Tints of #2b48b6

Tones of #2b48b6

Color Blindness Simulator