#2f5a4d hex color

In a RGB color space, hex #2f5a4d is composed of 18.4% red, 35.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 0% magenta, 14.4% yellow and 64.7% black. It has a hue angle of 161.9 degrees, a saturation of 31.4% and a lightness of 26.9%. #2f5a4d color hex could be obtained by blending #5eb49a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 30
RGB color chart
- C 48
- M 0
- Y 14
- K 65
CMYK color chart

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

The hexadecimal color #2f5a4d has RGB values of R:47, G:90, B:77 and CMYK values of C:0.48, M:0, Y:0.14, K:0.65. Its decimal value is 3103309.

Hex triplet	2f5a4d	`#2f5a4d`
RGB Decimal	47, 90, 77	`rgb(47,90,77)`
RGB Percent	18.4, 35.3, 30.2	`rgb(18.4%,35.3%,30.2%)`
CMYK	48, 0, 14, 65
HSL	161.9°, 31.4, 26.9	`hsl(161.9,31.4%,26.9%)`
HSV (or HSB)	161.9°, 47.8, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.907, -18.505, 2.877
XYZ	6.168, 8.452, 8.327
xyY	0.269, 0.368, 8.452
CIE-LCH	34.907, 18.727, 171.162
CIE-LUV	34.907, -18.891, 6.046
Hunter-Lab	29.073, -13.009, 3.368
Binary	00101111, 01011010, 01001101

#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#5a2f3c
```
#5a2f3c rgb(90,47,60)
```

Complementary Color

#2f5a38
```
#2f5a38 rgb(47,90,56)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#2f525a
```
#2f525a rgb(47,82,90)
```

Analogous Color

#5a382f
```
#5a382f rgb(90,56,47)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#5a2f52
```
#5a2f52 rgb(90,47,82)
```

Split Complementary Color

#5a4d2f
```
#5a4d2f rgb(90,77,47)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#4d2f5a
```
#4d2f5a rgb(77,47,90)
```

Triadic Color

#3c5a2f
```
#3c5a2f rgb(60,90,47)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#4d2f5a
```
#4d2f5a rgb(77,47,90)
```
#5a2f3c
```
#5a2f3c rgb(90,47,60)
```

Tetradic Color

#152822
```
#152822 rgb(21,40,34)
```
#1e3830
```
#1e3830 rgb(30,56,48)
```
#26493f
```
#26493f rgb(38,73,63)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#386b5b
```
#386b5b rgb(56,107,91)
```
#407c6a
```
#407c6a rgb(64,124,106)
```
#498c78
```
#498c78 rgb(73,140,120)
```

Monochromatic Color

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

#2f5a42
```
#2f5a42 rgb(47,90,66)
```
#2f5a46
```
#2f5a46 rgb(47,90,70)
```
#2f5a49
```
#2f5a49 rgb(47,90,73)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#2f5a51
```
#2f5a51 rgb(47,90,81)
```
#2f5a54
```
#2f5a54 rgb(47,90,84)
```
#2f5a58
```
#2f5a58 rgb(47,90,88)
```

Similar Colors

Text with hexadecimal color #2f5a4d

This text has a font color of #2f5a4d.

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

#2f5a4d background color

This paragraph has a background color of #2f5a4d.

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

#2f5a4d border color

This element has a border color of #2f5a4d.

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

CSS codes

.text {color:#2f5a4d;}

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

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

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, #070d0b is the darkest color, while #ffffff is the lightest one.

#070d0b
```
#070d0b rgb(7,13,11)
```
#0d1a16
```
#0d1a16 rgb(13,26,22)
```
#142621
```
#142621 rgb(20,38,33)
```
#1b332c
```
#1b332c rgb(27,51,44)
```
#224037
```
#224037 rgb(34,64,55)
```
#284d42
```
#284d42 rgb(40,77,66)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#366758
```
#366758 rgb(54,103,88)
```
#3c7463
```
#3c7463 rgb(60,116,99)
```
#43816e
```
#43816e rgb(67,129,110)
```
#4a8e79
```
#4a8e79 rgb(74,142,121)
```
#519a84
```
#519a84 rgb(81,154,132)
```
#57a78f
```
#57a78f rgb(87,167,143)
```

Shade Color Variation

#64ae98
```
#64ae98 rgb(100,174,152)
```
#71b5a0
```
#71b5a0 rgb(113,181,160)
```
#7ebca9
```
#7ebca9 rgb(126,188,169)
```
#8bc2b2
```
#8bc2b2 rgb(139,194,178)
```
#98c9ba
```
#98c9ba rgb(152,201,186)
```
#a5d0c3
```
#a5d0c3 rgb(165,208,195)
```
#b1d7cb
```
#b1d7cb rgb(177,215,203)
```
#beddd4
```
#beddd4 rgb(190,221,212)
```
#cbe4dd
```
#cbe4dd rgb(203,228,221)
```
#d8ebe5
```
#d8ebe5 rgb(216,235,229)
```
#e5f1ee
```
#e5f1ee rgb(229,241,238)
```
#f2f8f6
```
#f2f8f6 rgb(242,248,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444545
```
#444545 rgb(68,69,69)
```
#3f4a47
```
#3f4a47 rgb(63,74,71)
```
#3a4f49
```
#3a4f49 rgb(58,79,73)
```
#34554b
```
#34554b rgb(52,85,75)
```
#2f5a4d
```
#2f5a4d rgb(47,90,77)
```
#2a5f4f
```
#2a5f4f rgb(42,95,79)
```
#246551
```
#246551 rgb(36,101,81)
```
#1f6a53
```
#1f6a53 rgb(31,106,83)
```
#1a6f55
```
#1a6f55 rgb(26,111,85)
```
#157457
```
#157457 rgb(21,116,87)
```
#0f7a59
```
#0f7a59 rgb(15,122,89)
```
#0a7f5c
```
#0a7f5c rgb(10,127,92)
```
#05845e
```
#05845e rgb(5,132,94)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464f4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5a52 Protanopia 1% of men
#635859 Deuteranopia 1% of men
#3f6067 Tritanopia 0.001% of the population

Trichromacy

#4d5a50 Protanomaly 1% of men, 0.01% of women
#505855 Deuteranomaly 6% of men, 0.4% of women
#395d5d Tritanomaly 0.01% of the population

#2f5a4d hex color

#2f5a4d Color Information

#2f5a4d Color Conversion

Color Schemes with #2f5a4d

Alternatives to #2f5a4d

#2f5a4d Preview

Shades and Tints of #2f5a4d

Tones of #2f5a4d

Color Blindness Simulator