#2f5344 hex color

In a RGB color space, hex #2f5344 is composed of 18.4% red, 32.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0% magenta, 18.1% yellow and 67.5% black. It has a hue angle of 155 degrees, a saturation of 27.7% and a lightness of 25.5%. #2f5344 color hex could be obtained by blending #5ea688 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 33
- B 27
RGB color chart
- C 43
- M 0
- Y 18
- K 67
CMYK color chart

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

The hexadecimal color #2f5344 has RGB values of R:47, G:83, B:68 and CMYK values of C:0.43, M:0, Y:0.18, K:0.67. Its decimal value is 3101508.

Hex triplet	2f5344	`#2f5344`
RGB Decimal	47, 83, 68	`rgb(47,83,68)`
RGB Percent	18.4, 32.5, 26.7	`rgb(18.4%,32.5%,26.7%)`
CMYK	43, 0, 18, 67
HSL	155°, 27.7, 25.5	`hsl(155,27.7%,25.5%)`
HSV (or HSB)	155°, 43.4, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.276, -16.96, 4.749
XYZ	5.309, 7.208, 6.58
xyY	0.278, 0.377, 7.208
CIE-LCH	32.276, 17.612, 164.357
CIE-LUV	32.276, -16.105, 7.89
Hunter-Lab	26.848, -11.688, 4.262
Binary	00101111, 01010011, 01000100

#2f5344
```
#2f5344 rgb(47,83,68)
```
#532f3e
```
#532f3e rgb(83,47,62)
```

Complementary Color

#2f5332
```
#2f5332 rgb(47,83,50)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#2f5053
```
#2f5053 rgb(47,80,83)
```

Analogous Color

#53322f
```
#53322f rgb(83,50,47)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#532f50
```
#532f50 rgb(83,47,80)
```

Split Complementary Color

#53442f
```
#53442f rgb(83,68,47)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#442f53
```
#442f53 rgb(68,47,83)
```

Triadic Color

#3e532f
```
#3e532f rgb(62,83,47)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#442f53
```
#442f53 rgb(68,47,83)
```
#532f3e
```
#532f3e rgb(83,47,62)
```

Tetradic Color

#13221c
```
#13221c rgb(19,34,28)
```
#1d3229
```
#1d3229 rgb(29,50,41)
```
#264337
```
#264337 rgb(38,67,55)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#386351
```
#386351 rgb(56,99,81)
```
#41745f
```
#41745f rgb(65,116,95)
```
#4b846c
```
#4b846c rgb(75,132,108)
```

Monochromatic Color

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

#2f533b
```
#2f533b rgb(47,83,59)
```
#2f533e
```
#2f533e rgb(47,83,62)
```
#2f5341
```
#2f5341 rgb(47,83,65)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#2f5347
```
#2f5347 rgb(47,83,71)
```
#2f534a
```
#2f534a rgb(47,83,74)
```
#2f534d
```
#2f534d rgb(47,83,77)
```

Similar Colors

Text with hexadecimal color #2f5344

This text has a font color of #2f5344.

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

#2f5344 background color

This paragraph has a background color of #2f5344.

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

#2f5344 border color

This element has a border color of #2f5344.

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

CSS codes

.text {color:#2f5344;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0c1411
```
#0c1411 rgb(12,20,17)
```
#13211b
```
#13211b rgb(19,33,27)
```
#1a2d25
```
#1a2d25 rgb(26,45,37)
```
#213a2f
```
#213a2f rgb(33,58,47)
```
#28463a
```
#28463a rgb(40,70,58)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#36604e
```
#36604e rgb(54,96,78)
```
#3d6c59
```
#3d6c59 rgb(61,108,89)
```
#447963
```
#447963 rgb(68,121,99)
```
#4b856d
```
#4b856d rgb(75,133,109)
```
#529277
```
#529277 rgb(82,146,119)
```
#5a9e82
```
#5a9e82 rgb(90,158,130)
```

Shade Color Variation

#64a78b
```
#64a78b rgb(100,167,139)
```
#71ae95
```
#71ae95 rgb(113,174,149)
```
#7db59e
```
#7db59e rgb(125,181,158)
```
#8abda7
```
#8abda7 rgb(138,189,167)
```
#96c4b1
```
#96c4b1 rgb(150,196,177)
```
#a3cbba
```
#a3cbba rgb(163,203,186)
```
#afd2c3
```
#afd2c3 rgb(175,210,195)
```
#bcd9cd
```
#bcd9cd rgb(188,217,205)
```
#c8e0d6
```
#c8e0d6 rgb(200,224,214)
```
#d5e7df
```
#d5e7df rgb(213,231,223)
```
#e1eee9
```
#e1eee9 rgb(225,238,233)
```
#eef5f2
```
#eef5f2 rgb(238,245,242)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4442 is the less saturated color, while #02804c is the most saturated one.

#3e4442
```
#3e4442 rgb(62,68,66)
```
#394942
```
#394942 rgb(57,73,66)
```
#344e43
```
#344e43 rgb(52,78,67)
```
#2f5344
```
#2f5344 rgb(47,83,68)
```
#2a5845
```
#2a5845 rgb(42,88,69)
```
#255d46
```
#255d46 rgb(37,93,70)
```
#206247
```
#206247 rgb(32,98,71)
```
#1b6747
```
#1b6747 rgb(27,103,71)
```
#166c48
```
#166c48 rgb(22,108,72)
```
#117149
```
#117149 rgb(17,113,73)
```
#0c764a
```
#0c764a rgb(12,118,74)
```
#077b4b
```
#077b4b rgb(7,123,75)
```
#02804c
```
#02804c rgb(2,128,76)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#59544a Protanopia 1% of men
#5e5250 Deuteranopia 1% of men
#3f595f Tritanopia 0.001% of the population

Trichromacy

#495448 Protanomaly 1% of men, 0.01% of women
#4d524c Deuteranomaly 6% of men, 0.4% of women
#395755 Tritanomaly 0.01% of the population

#2f5344 hex color

#2f5344 Color Information

#2f5344 Color Conversion

Color Schemes with #2f5344

Alternatives to #2f5344

#2f5344 Preview

Shades and Tints of #2f5344

Tones of #2f5344

Color Blindness Simulator