#3f5d54 hex color

In a RGB color space, hex #3f5d54 is composed of 24.7% red, 36.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 9.7% yellow and 63.5% black. It has a hue angle of 162 degrees, a saturation of 19.2% and a lightness of 30.6%. #3f5d54 color hex could be obtained by blending #7ebaa8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 36
- B 33
RGB color chart
- C 32
- M 0
- Y 10
- K 64
CMYK color chart

● #3f5d54 color description : Very dark grayish cyan - lime green.

The hexadecimal color #3f5d54 has RGB values of R:63, G:93, B:84 and CMYK values of C:0.32, M:0, Y:0.1, K:0.64. Its decimal value is 4152660.

Hex triplet	3f5d54	`#3f5d54`
RGB Decimal	63, 93, 84	`rgb(63,93,84)`
RGB Percent	24.7, 36.5, 32.9	`rgb(24.7%,36.5%,32.9%)`
CMYK	32, 0, 10, 64
HSL	162°, 19.2, 30.6	`hsl(162,19.2%,30.6%)`
HSV (or HSB)	162°, 32.3, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.977, -13.279, 1.627
XYZ	7.564, 9.525, 9.827
xyY	0.281, 0.354, 9.525
CIE-LCH	36.977, 13.379, 173.016
CIE-LUV	36.977, -14.266, 3.907
Hunter-Lab	30.863, -10.263, 2.726
Binary	00111111, 01011101, 01010100

#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#5d3f48
```
#5d3f48 rgb(93,63,72)
```

Complementary Color

#3f5d45
```
#3f5d45 rgb(63,93,69)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#3f575d
```
#3f575d rgb(63,87,93)
```

Analogous Color

#5d453f
```
#5d453f rgb(93,69,63)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#5d3f57
```
#5d3f57 rgb(93,63,87)
```

Split Complementary Color

#5d543f
```
#5d543f rgb(93,84,63)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#543f5d
```
#543f5d rgb(84,63,93)
```

Triadic Color

#485d3f
```
#485d3f rgb(72,93,63)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#543f5d
```
#543f5d rgb(84,63,93)
```
#5d3f48
```
#5d3f48 rgb(93,63,72)
```

Tetradic Color

#202f2b
```
#202f2b rgb(32,47,43)
```
#2a3f39
```
#2a3f39 rgb(42,63,57)
```
#354e46
```
#354e46 rgb(53,78,70)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#496c62
```
#496c62 rgb(73,108,98)
```
#547b6f
```
#547b6f rgb(84,123,111)
```
#5e8b7d
```
#5e8b7d rgb(94,139,125)
```

Monochromatic Color

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

#3f5d4d
```
#3f5d4d rgb(63,93,77)
```
#3f5d4f
```
#3f5d4f rgb(63,93,79)
```
#3f5d52
```
#3f5d52 rgb(63,93,82)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#3f5d57
```
#3f5d57 rgb(63,93,87)
```
#3f5d59
```
#3f5d59 rgb(63,93,89)
```
#3f5d5c
```
#3f5d5c rgb(63,93,92)
```

Similar Colors

Text with hexadecimal color #3f5d54

This text has a font color of #3f5d54.

<span style="color:#3f5d54;">Text here</span>

#3f5d54 background color

This paragraph has a background color of #3f5d54.

<p style="background-color:#3f5d54;">Content here</p>

#3f5d54 border color

This element has a border color of #3f5d54.

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

CSS codes

.text {color:#3f5d54;}

.background {background-color:#3f5d54;}

.border {border:1px solid #3f5d54;}

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, #080b0a is the darkest color, while #feffff is the lightest one.

#080b0a
```
#080b0a rgb(8,11,10)
```
#0f1715
```
#0f1715 rgb(15,23,21)
```
#17231f
```
#17231f rgb(23,35,31)
```
#1f2e2a
```
#1f2e2a rgb(31,46,42)
```
#273a34
```
#273a34 rgb(39,58,52)
```
#2f463f
```
#2f463f rgb(47,70,63)
```
#375149
```
#375149 rgb(55,81,73)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#47695f
```
#47695f rgb(71,105,95)
```
#4f7469
```
#4f7469 rgb(79,116,105)
```
#578074
```
#578074 rgb(87,128,116)
```
#5f8c7e
```
#5f8c7e rgb(95,140,126)
```
#679789
```
#679789 rgb(103,151,137)
```

Shade Color Variation

#72a092
```
#72a092 rgb(114,160,146)
```
#7ea79b
```
#7ea79b rgb(126,167,155)
```
#8aafa4
```
#8aafa4 rgb(138,175,164)
```
#95b7ad
```
#95b7ad rgb(149,183,173)
```
#a1bfb6
```
#a1bfb6 rgb(161,191,182)
```
#adc7bf
```
#adc7bf rgb(173,199,191)
```
#b8cfc8
```
#b8cfc8 rgb(184,207,200)
```
#c4d7d1
```
#c4d7d1 rgb(196,215,209)
```
#d0dfda
```
#d0dfda rgb(208,223,218)
```
#dbe7e3
```
#dbe7e3 rgb(219,231,227)
```
#e7efec
```
#e7efec rgb(231,239,236)
```
#f3f7f6
```
#f3f7f6 rgb(243,247,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4b514f
```
#4b514f rgb(75,81,79)
```
#455752
```
#455752 rgb(69,87,82)
```
#3f5d54
```
#3f5d54 rgb(63,93,84)
```
#396356
```
#396356 rgb(57,99,86)
```
#336959
```
#336959 rgb(51,105,89)
```
#2d6f5b
```
#2d6f5b rgb(45,111,91)
```
#27755e
```
#27755e rgb(39,117,94)
```
#217b60
```
#217b60 rgb(33,123,96)
```
#1b8162
```
#1b8162 rgb(27,129,98)
```
#158765
```
#158765 rgb(21,135,101)
```
#0f8d67
```
#0f8d67 rgb(15,141,103)
```
#09936a
```
#09936a rgb(9,147,106)
```
#03996c
```
#03996c rgb(3,153,108)
```

Tone Color Variation

Below, you can see how #3f5d54 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

#535353 Achromatopsia 0.005% of the population
#4f5553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625f59 Protanopia 1% of men
#685c5f Deuteranopia 1% of men
#4c636a Tritanopia 0.001% of the population

Trichromacy

#555e57 Protanomaly 1% of men, 0.01% of women
#595c5b Deuteranomaly 6% of men, 0.4% of women
#476162 Tritanomaly 0.01% of the population

#3f5d54 hex color

#3f5d54 Color Information

#3f5d54 Color Conversion

Color Schemes with #3f5d54

Alternatives to #3f5d54

#3f5d54 Preview

Shades and Tints of #3f5d54

Tones of #3f5d54

Color Blindness Simulator