#2b5f50 hex color

In a RGB color space, hex #2b5f50 is composed of 16.9% red, 37.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 15.8% yellow and 62.7% black. It has a hue angle of 162.7 degrees, a saturation of 37.7% and a lightness of 27.1%. #2b5f50 color hex could be obtained by blending #56bea0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 37
- B 31
RGB color chart
- C 55
- M 0
- Y 16
- K 63
CMYK color chart

● #2b5f50 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2b5f50 has RGB values of R:43, G:95, B:80 and CMYK values of C:0.55, M:0, Y:0.16, K:0.63. Its decimal value is 2842448.

Hex triplet	2b5f50	`#2b5f50`
RGB Decimal	43, 95, 80	`rgb(43,95,80)`
RGB Percent	16.9, 37.3, 31.4	`rgb(16.9%,37.3%,31.4%)`
CMYK	55, 0, 16, 63
HSL	162.7°, 37.7, 27.1	`hsl(162.7,37.7%,27.1%)`
HSV (or HSB)	162.7°, 54.7, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.512, -21.498, 3.303
XYZ	6.536, 9.277, 9.035
xyY	0.263, 0.373, 9.277
CIE-LCH	36.512, 21.75, 171.265
CIE-LUV	36.512, -22.089, 7.048
Hunter-Lab	30.458, -14.996, 3.732
Binary	00101011, 01011111, 01010000

#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#5f2b3a
```
#5f2b3a rgb(95,43,58)
```

Complementary Color

#2b5f36
```
#2b5f36 rgb(43,95,54)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#2b545f
```
#2b545f rgb(43,84,95)
```

Analogous Color

#5f362b
```
#5f362b rgb(95,54,43)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#5f2b54
```
#5f2b54 rgb(95,43,84)
```

Split Complementary Color

#5f502b
```
#5f502b rgb(95,80,43)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#502b5f
```
#502b5f rgb(80,43,95)
```

Triadic Color

#3a5f2b
```
#3a5f2b rgb(58,95,43)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#502b5f
```
#502b5f rgb(80,43,95)
```
#5f2b3a
```
#5f2b3a rgb(95,43,58)
```

Tetradic Color

#132a24
```
#132a24 rgb(19,42,36)
```
#1b3c32
```
#1b3c32 rgb(27,60,50)
```
#234d41
```
#234d41 rgb(35,77,65)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#33715f
```
#33715f rgb(51,113,95)
```
#3b826e
```
#3b826e rgb(59,130,110)
```
#43947c
```
#43947c rgb(67,148,124)
```

Monochromatic Color

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

#2b5f43
```
#2b5f43 rgb(43,95,67)
```
#2b5f47
```
#2b5f47 rgb(43,95,71)
```
#2b5f4c
```
#2b5f4c rgb(43,95,76)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#2b5f54
```
#2b5f54 rgb(43,95,84)
```
#2b5f59
```
#2b5f59 rgb(43,95,89)
```
#2b5f5d
```
#2b5f5d rgb(43,95,93)
```

Similar Colors

Text with hexadecimal color #2b5f50

This text has a font color of #2b5f50.

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

#2b5f50 background color

This paragraph has a background color of #2b5f50.

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

#2b5f50 border color

This element has a border color of #2b5f50.

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

CSS codes

.text {color:#2b5f50;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0c
```
#060e0c rgb(6,14,12)
```
#0c1b17
```
#0c1b17 rgb(12,27,23)
```
#132923
```
#132923 rgb(19,41,35)
```
#19362e
```
#19362e rgb(25,54,46)
```
#1f4439
```
#1f4439 rgb(31,68,57)
```
#255145
```
#255145 rgb(37,81,69)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#316d5b
```
#316d5b rgb(49,109,91)
```
#377a67
```
#377a67 rgb(55,122,103)
```
#3d8872
```
#3d8872 rgb(61,136,114)
```
#43957d
```
#43957d rgb(67,149,125)
```
#4aa389
```
#4aa389 rgb(74,163,137)
```

Shade Color Variation

#50b094
```
#50b094 rgb(80,176,148)
```
#5db69c
```
#5db69c rgb(93,182,156)
```
#6bbca5
```
#6bbca5 rgb(107,188,165)
```
#78c2ad
```
#78c2ad rgb(120,194,173)
```
#86c8b5
```
#86c8b5 rgb(134,200,181)
```
#93cebd
```
#93cebd rgb(147,206,189)
```
#a1d4c6
```
#a1d4c6 rgb(161,212,198)
```
#aedbce
```
#aedbce rgb(174,219,206)
```
#bce1d6
```
#bce1d6 rgb(188,225,214)
```
#c9e7de
```
#c9e7de rgb(201,231,222)
```
#d7ede7
```
#d7ede7 rgb(215,237,231)
```
#e4f3ef
```
#e4f3ef rgb(228,243,239)
```
#f2f9f7
```
#f2f9f7 rgb(242,249,247)
```

Tint Color Variation

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

#404a47
```
#404a47 rgb(64,74,71)
```
#3b4f49
```
#3b4f49 rgb(59,79,73)
```
#36544c
```
#36544c rgb(54,84,76)
```
#305a4e
```
#305a4e rgb(48,90,78)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#266452
```
#266452 rgb(38,100,82)
```
#206a54
```
#206a54 rgb(32,106,84)
```
#1b6f57
```
#1b6f57 rgb(27,111,87)
```
#167459
```
#167459 rgb(22,116,89)
```
#107a5b
```
#107a5b rgb(16,122,91)
```
#0b7f5d
```
#0b7f5d rgb(11,127,93)
```
#068460
```
#068460 rgb(6,132,96)
```
#018962
```
#018962 rgb(1,137,98)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#47514e Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e54 Protanopia 1% of men
#685b5d Deuteranopia 1% of men
#3d646b Tritanopia 0.001% of the population

Trichromacy

#4e5e53 Protanomaly 1% of men, 0.01% of women
#515c58 Deuteranomaly 6% of men, 0.4% of women
#366261 Tritanomaly 0.01% of the population

#2b5f50 hex color

#2b5f50 Color Information

#2b5f50 Color Conversion

Color Schemes with #2b5f50

Alternatives to #2b5f50

#2b5f50 Preview

Shades and Tints of #2b5f50

Tones of #2b5f50

Color Blindness Simulator