#2b4f48 hex color

In a RGB color space, hex #2b4f48 is composed of 16.9% red, 31% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 0% magenta, 8.9% yellow and 69% black. It has a hue angle of 168.3 degrees, a saturation of 29.5% and a lightness of 23.9%. #2b4f48 color hex could be obtained by blending #569e90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 17
- G 31
- B 28
RGB color chart
- C 46
- M 0
- Y 9
- K 69
CMYK color chart

● #2b4f48 color description : Very dark desaturated cyan.

The hexadecimal color #2b4f48 has RGB values of R:43, G:79, B:72 and CMYK values of C:0.46, M:0, Y:0.09, K:0.69. Its decimal value is 2838344.

Hex triplet	2b4f48	`#2b4f48`
RGB Decimal	43, 79, 72	`rgb(43,79,72)`
RGB Percent	16.9, 31, 28.2	`rgb(16.9%,31%,28.2%)`
CMYK	46, 0, 9, 69
HSL	168.3°, 29.5, 23.9	`hsl(168.3,29.5%,23.9%)`
HSV (or HSB)	168.3°, 45.6, 31
Web Safe	336633	`#336633`

CIE-LAB	30.815, -14.921, 0.072
XYZ	4.962, 6.573, 7.138
xyY	0.266, 0.352, 6.573
CIE-LCH	30.815, 14.921, 179.722
CIE-LUV	30.815, -15.636, 2.017
Hunter-Lab	25.638, -10.323, 1.44
Binary	00101011, 01001111, 01001000

#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#4f2b32
```
#4f2b32 rgb(79,43,50)
```

Complementary Color

#2b4f36
```
#2b4f36 rgb(43,79,54)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#2b444f
```
#2b444f rgb(43,68,79)
```

Analogous Color

#4f362b
```
#4f362b rgb(79,54,43)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#4f2b44
```
#4f2b44 rgb(79,43,68)
```

Split Complementary Color

#4f482b
```
#4f482b rgb(79,72,43)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#482b4f
```
#482b4f rgb(72,43,79)
```

Triadic Color

#324f2b
```
#324f2b rgb(50,79,43)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#482b4f
```
#482b4f rgb(72,43,79)
```
#4f2b32
```
#4f2b32 rgb(79,43,50)
```

Tetradic Color

#101d1b
```
#101d1b rgb(16,29,27)
```
#192e2a
```
#192e2a rgb(25,46,42)
```
#223e39
```
#223e39 rgb(34,62,57)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#346057
```
#346057 rgb(52,96,87)
```
#3d7066
```
#3d7066 rgb(61,112,102)
```
#468175
```
#468175 rgb(70,129,117)
```

Monochromatic Color

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

#2b4f3f
```
#2b4f3f rgb(43,79,63)
```
#2b4f42
```
#2b4f42 rgb(43,79,66)
```
#2b4f45
```
#2b4f45 rgb(43,79,69)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#2b4f4b
```
#2b4f4b rgb(43,79,75)
```
#2b4f4e
```
#2b4f4e rgb(43,79,78)
```
#2b4d4f
```
#2b4d4f rgb(43,77,79)
```

Similar Colors

Text with hexadecimal color #2b4f48

This text has a font color of #2b4f48.

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

#2b4f48 background color

This paragraph has a background color of #2b4f48.

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

#2b4f48 border color

This element has a border color of #2b4f48.

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

CSS codes

.text {color:#2b4f48;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080f0e
```
#080f0e rgb(8,15,14)
```
#0f1c1a
```
#0f1c1a rgb(15,28,26)
```
#162925
```
#162925 rgb(22,41,37)
```
#1d3631
```
#1d3631 rgb(29,54,49)
```
#24423c
```
#24423c rgb(36,66,60)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#325c54
```
#325c54 rgb(50,92,84)
```
#39685f
```
#39685f rgb(57,104,95)
```
#40756b
```
#40756b rgb(64,117,107)
```
#478276
```
#478276 rgb(71,130,118)
```
#4e8f82
```
#4e8f82 rgb(78,143,130)
```
#549b8d
```
#549b8d rgb(84,155,141)
```

Shade Color Variation

#5da798
```
#5da798 rgb(93,167,152)
```
#69aea0
```
#69aea0 rgb(105,174,160)
```
#76b4a8
```
#76b4a8 rgb(118,180,168)
```
#83bbb0
```
#83bbb0 rgb(131,187,176)
```
#8fc2b8
```
#8fc2b8 rgb(143,194,184)
```
#9cc9c0
```
#9cc9c0 rgb(156,201,192)
```
#a9d0c8
```
#a9d0c8 rgb(169,208,200)
```
#b6d7d1
```
#b6d7d1 rgb(182,215,209)
```
#c2ded9
```
#c2ded9 rgb(194,222,217)
```
#cfe5e1
```
#cfe5e1 rgb(207,229,225)
```
#dcece9
```
#dcece9 rgb(220,236,233)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#39413f
```
#39413f rgb(57,65,63)
```
#344642
```
#344642 rgb(52,70,66)
```
#304a45
```
#304a45 rgb(48,74,69)
```
#2b4f48
```
#2b4f48 rgb(43,79,72)
```
#26544b
```
#26544b rgb(38,84,75)
```
#22584e
```
#22584e rgb(34,88,78)
```
#1d5d51
```
#1d5d51 rgb(29,93,81)
```
#186253
```
#186253 rgb(24,98,83)
```
#146656
```
#146656 rgb(20,102,86)
```
#0f6b59
```
#0f6b59 rgb(15,107,89)
```
#0a705c
```
#0a705c rgb(10,112,92)
```
#05755f
```
#05755f rgb(5,117,95)
```
#017962
```
#017962 rgb(1,121,98)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54514e Protanopia 1% of men
#584f54 Deuteranopia 1% of men
#39565c Tritanopia 0.001% of the population

Trichromacy

#45504b Protanomaly 1% of men, 0.01% of women
#474f4f Deuteranomaly 6% of men, 0.4% of women
#345355 Tritanomaly 0.01% of the population

#2b4f48 hex color

#2b4f48 Color Information

#2b4f48 Color Conversion

Color Schemes with #2b4f48

Alternatives to #2b4f48

#2b4f48 Preview

Shades and Tints of #2b4f48

Tones of #2b4f48

Color Blindness Simulator