#2b3348 hex color

In a RGB color space, hex #2b3348 is composed of 16.9% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 223.4 degrees, a saturation of 25.2% and a lightness of 22.5%. #2b3348 color hex could be obtained by blending #566690 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 20
- B 28
RGB color chart
- C 40
- M 29
- Y 0
- K 72
CMYK color chart

● #2b3348 color description : Very dark desaturated blue.

The hexadecimal color #2b3348 has RGB values of R:43, G:51, B:72 and CMYK values of C:0.4, M:0.29, Y:0, K:0.72. Its decimal value is 2831176.

Hex triplet	2b3348	`#2b3348`
RGB Decimal	43, 51, 72	`rgb(43,51,72)`
RGB Percent	16.9, 20, 28.2	`rgb(16.9%,20%,28.2%)`
CMYK	40, 29, 0, 72
HSL	223.4°, 25.2, 22.5	`hsl(223.4,25.2%,22.5%)`
HSV (or HSB)	223.4°, 40.3, 28.2
Web Safe	333333	`#333333`

CIE-LAB	21.391, 2.761, -14.099
XYZ	3.35, 3.349, 6.6
xyY	0.252, 0.252, 3.349
CIE-LCH	21.391, 14.367, 281.078
CIE-LUV	21.391, -4.246, -16.022
Hunter-Lab	18.3, 0.646, -8.574
Binary	00101011, 00110011, 01001000

#2b3348
```
#2b3348 rgb(43,51,72)
```
#48402b
```
#48402b rgb(72,64,43)
```

Complementary Color

#2b4248
```
#2b4248 rgb(43,66,72)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#322b48
```
#322b48 rgb(50,43,72)
```

Analogous Color

#42482b
```
#42482b rgb(66,72,43)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#48322b
```
#48322b rgb(72,50,43)
```

Split Complementary Color

#33482b
```
#33482b rgb(51,72,43)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#482b33
```
#482b33 rgb(72,43,51)
```

Triadic Color

#2b4840
```
#2b4840 rgb(43,72,64)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#482b33
```
#482b33 rgb(72,43,51)
```
#48402b
```
#48402b rgb(72,64,43)
```

Tetradic Color

#0e1118
```
#0e1118 rgb(14,17,24)
```
#181c28
```
#181c28 rgb(24,28,40)
```
#212838
```
#212838 rgb(33,40,56)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#353e58
```
#353e58 rgb(53,62,88)
```
#3e4a68
```
#3e4a68 rgb(62,74,104)
```
#485578
```
#485578 rgb(72,85,120)
```

Monochromatic Color

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

#2b3a48
```
#2b3a48 rgb(43,58,72)
```
#2b3848
```
#2b3848 rgb(43,56,72)
```
#2b3548
```
#2b3548 rgb(43,53,72)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#2b3148
```
#2b3148 rgb(43,49,72)
```
#2b2e48
```
#2b2e48 rgb(43,46,72)
```
#2b2c48
```
#2b2c48 rgb(43,44,72)
```

Similar Colors

Text with hexadecimal color #2b3348

This text has a font color of #2b3348.

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

#2b3348 background color

This paragraph has a background color of #2b3348.

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

#2b3348 border color

This element has a border color of #2b3348.

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

CSS codes

.text {color:#2b3348;}

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

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

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, #06080b is the darkest color, while #fdfefe is the lightest one.

#06080b
```
#06080b rgb(6,8,11)
```
#0e1017
```
#0e1017 rgb(14,16,23)
```
#151923
```
#151923 rgb(21,25,35)
```
#1c222f
```
#1c222f rgb(28,34,47)
```
#242a3c
```
#242a3c rgb(36,42,60)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#323c54
```
#323c54 rgb(50,60,84)
```
#3a4461
```
#3a4461 rgb(58,68,97)
```
#414d6d
```
#414d6d rgb(65,77,109)
```
#485679
```
#485679 rgb(72,86,121)
```
#505e85
```
#505e85 rgb(80,94,133)
```
#576792
```
#576792 rgb(87,103,146)
```
#5e709e
```
#5e709e rgb(94,112,158)
```

Shade Color Variation

#6a7ba6
```
#6a7ba6 rgb(106,123,166)
```
#7685ad
```
#7685ad rgb(118,133,173)
```
#8390b5
```
#8390b5 rgb(131,144,181)
```
#8f9bbc
```
#8f9bbc rgb(143,155,188)
```
#9ba6c3
```
#9ba6c3 rgb(155,166,195)
```
#a7b1cb
```
#a7b1cb rgb(167,177,203)
```
#b4bcd2
```
#b4bcd2 rgb(180,188,210)
```
#c0c7d9
```
#c0c7d9 rgb(192,199,217)
```
#ccd2e1
```
#ccd2e1 rgb(204,210,225)
```
#d8dde8
```
#d8dde8 rgb(216,221,232)
```
#e5e8ef
```
#e5e8ef rgb(229,232,239)
```
#f1f3f7
```
#f1f3f7 rgb(241,243,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#38393b
```
#38393b rgb(56,57,59)
```
#34373f
```
#34373f rgb(52,55,63)
```
#2f3544
```
#2f3544 rgb(47,53,68)
```
#2b3348
```
#2b3348 rgb(43,51,72)
```
#27314c
```
#27314c rgb(39,49,76)
```
#222f51
```
#222f51 rgb(34,47,81)
```
#1e2d55
```
#1e2d55 rgb(30,45,85)
```
#192b5a
```
#192b5a rgb(25,43,90)
```
#15295e
```
#15295e rgb(21,41,94)
```
#102763
```
#102763 rgb(16,39,99)
```
#0c2567
```
#0c2567 rgb(12,37,103)
```
#08236b
```
#08236b rgb(8,35,107)
```
#032170
```
#032170 rgb(3,33,112)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#313337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373d51 Protanopia 1% of men
#373d51 Deuteranopia 1% of men
#324044 Tritanopia 0.001% of the population

Trichromacy

#33394d Protanomaly 1% of men, 0.01% of women
#33394e Deuteranomaly 6% of men, 0.4% of women
#2f3b45 Tritanomaly 0.01% of the population

#2b3348 hex color

#2b3348 Color Information

#2b3348 Color Conversion

Color Schemes with #2b3348

Alternatives to #2b3348

#2b3348 Preview

Shades and Tints of #2b3348

Tones of #2b3348

Color Blindness Simulator