#2b333e hex color

In a RGB color space, hex #2b333e is composed of 16.9% red, 20% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 17.7% magenta, 0% yellow and 75.7% black. It has a hue angle of 214.7 degrees, a saturation of 18.1% and a lightness of 20.6%. #2b333e color hex could be obtained by blending #56667c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 20
- B 24
RGB color chart
- C 31
- M 18
- Y 0
- K 76
CMYK color chart

● #2b333e color description : Very dark grayish blue.

The hexadecimal color #2b333e has RGB values of R:43, G:51, B:62 and CMYK values of C:0.31, M:0.18, Y:0, K:0.76. Its decimal value is 2831166.

Hex triplet	2b333e	`#2b333e`
RGB Decimal	43, 51, 62	`rgb(43,51,62)`
RGB Percent	16.9, 20, 24.3	`rgb(16.9%,20%,24.3%)`
CMYK	31, 18, 0, 76
HSL	214.7°, 18.1, 20.6	`hsl(214.7,18.1%,20.6%)`
HSV (or HSB)	214.7°, 30.6, 24.3
Web Safe	333333	`#333333`

CIE-LAB	20.939, -0.34, -8.027
XYZ	3.049, 3.229, 5.02
xyY	0.27, 0.286, 3.229
CIE-LCH	20.939, 8.034, 267.572
CIE-LUV	20.939, -3.957, -8.606
Hunter-Lab	17.969, -1.155, -3.984
Binary	00101011, 00110011, 00111110

#2b333e
```
#2b333e rgb(43,51,62)
```
#3e362b
```
#3e362b rgb(62,54,43)
```

Complementary Color

#2b3d3e
```
#2b3d3e rgb(43,61,62)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#2d2b3e
```
#2d2b3e rgb(45,43,62)
```

Analogous Color

#3d3e2b
```
#3d3e2b rgb(61,62,43)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#3e2d2b
```
#3e2d2b rgb(62,45,43)
```

Split Complementary Color

#333e2b
```
#333e2b rgb(51,62,43)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#3e2b33
```
#3e2b33 rgb(62,43,51)
```

Triadic Color

#2b3e36
```
#2b3e36 rgb(43,62,54)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#3e2b33
```
#3e2b33 rgb(62,43,51)
```
#3e362b
```
#3e362b rgb(62,54,43)
```

Tetradic Color

#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#161a20
```
#161a20 rgb(22,26,32)
```
#21272f
```
#21272f rgb(33,39,47)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#353f4d
```
#353f4d rgb(53,63,77)
```
#404c5c
```
#404c5c rgb(64,76,92)
```
#4a586b
```
#4a586b rgb(74,88,107)
```

Monochromatic Color

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

#2b383e
```
#2b383e rgb(43,56,62)
```
#2b363e
```
#2b363e rgb(43,54,62)
```
#2b353e
```
#2b353e rgb(43,53,62)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#2b313e
```
#2b313e rgb(43,49,62)
```
#2b303e
```
#2b303e rgb(43,48,62)
```
#2b2e3e
```
#2b2e3e rgb(43,46,62)
```

Similar Colors

Text with hexadecimal color #2b333e

This text has a font color of #2b333e.

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

#2b333e background color

This paragraph has a background color of #2b333e.

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

#2b333e border color

This element has a border color of #2b333e.

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

CSS codes

.text {color:#2b333e;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13161b
```
#13161b rgb(19,22,27)
```
#1b2027
```
#1b2027 rgb(27,32,39)
```
#232932
```
#232932 rgb(35,41,50)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#333d4a
```
#333d4a rgb(51,61,74)
```
#3b4655
```
#3b4655 rgb(59,70,85)
```
#435061
```
#435061 rgb(67,80,97)
```
#4b596c
```
#4b596c rgb(75,89,108)
```
#536378
```
#536378 rgb(83,99,120)
```
#5b6c83
```
#5b6c83 rgb(91,108,131)
```
#63768f
```
#63768f rgb(99,118,143)
```

Shade Color Variation

#6d7f99
```
#6d7f99 rgb(109,127,153)
```
#788aa1
```
#788aa1 rgb(120,138,161)
```
#8494a9
```
#8494a9 rgb(132,148,169)
```
#8f9eb2
```
#8f9eb2 rgb(143,158,178)
```
#9ba8ba
```
#9ba8ba rgb(155,168,186)
```
#a6b2c2
```
#a6b2c2 rgb(166,178,194)
```
#b2bcca
```
#b2bcca rgb(178,188,202)
```
#bec6d2
```
#bec6d2 rgb(190,198,210)
```
#c9d0da
```
#c9d0da rgb(201,208,218)
```
#d5dae2
```
#d5dae2 rgb(213,218,226)
```
#e0e4ea
```
#e0e4ea rgb(224,228,234)
```
#eceef2
```
#eceef2 rgb(236,238,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#333436
```
#333436 rgb(51,52,54)
```
#2f343a
```
#2f343a rgb(47,52,58)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#273242
```
#273242 rgb(39,50,66)
```
#233246
```
#233246 rgb(35,50,70)
```
#1f314a
```
#1f314a rgb(31,49,74)
```
#1b304e
```
#1b304e rgb(27,48,78)
```
#173052
```
#173052 rgb(23,48,82)
```
#132f56
```
#132f56 rgb(19,47,86)
```
#0f2f5a
```
#0f2f5a rgb(15,47,90)
```
#0b2e5e
```
#0b2e5e rgb(11,46,94)
```
#072d62
```
#072d62 rgb(7,45,98)
```
#032d66
```
#032d66 rgb(3,45,102)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#313234 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3c47 Protanopia 1% of men
#3c3b48 Deuteranopia 1% of men
#343e43 Tritanopia 0.001% of the population

Trichromacy

#343943 Protanomaly 1% of men, 0.01% of women
#363844 Deuteranomaly 6% of men, 0.4% of women
#313a41 Tritanomaly 0.01% of the population

#2b333e hex color

#2b333e Color Information

#2b333e Color Conversion

Color Schemes with #2b333e

Alternatives to #2b333e

#2b333e Preview

Shades and Tints of #2b333e

Tones of #2b333e

Color Blindness Simulator