#3f534d hex color

In a RGB color space, hex #3f534d is composed of 24.7% red, 32.5% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 7.2% yellow and 67.5% black. It has a hue angle of 162 degrees, a saturation of 13.7% and a lightness of 28.6%. #3f534d color hex could be obtained by blending #7ea69a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 33
- B 30
RGB color chart
- C 24
- M 0
- Y 7
- K 67
CMYK color chart

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

The hexadecimal color #3f534d has RGB values of R:63, G:83, B:77 and CMYK values of C:0.24, M:0, Y:0.07, K:0.67. Its decimal value is 4150093.

Hex triplet	3f534d	`#3f534d`
RGB Decimal	63, 83, 77	`rgb(63,83,77)`
RGB Percent	24.7, 32.5, 30.2	`rgb(24.7%,32.5%,30.2%)`
CMYK	24, 0, 7, 67
HSL	162°, 13.7, 28.6	`hsl(162,13.7%,28.6%)`
HSV (or HSB)	162°, 24.1, 32.5
Web Safe	336666	`#336666`

CIE-LAB	33.518, -9.156, 0.983
XYZ	6.482, 7.779, 8.181
xyY	0.289, 0.347, 7.779
CIE-LCH	33.518, 9.208, 173.872
CIE-LUV	33.518, -9.714, 2.458
Hunter-Lab	27.891, -7.322, 2.133
Binary	00111111, 01010011, 01001101

#3f534d
```
#3f534d rgb(63,83,77)
```
#533f45
```
#533f45 rgb(83,63,69)
```

Complementary Color

#3f5343
```
#3f5343 rgb(63,83,67)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#3f4f53
```
#3f4f53 rgb(63,79,83)
```

Analogous Color

#53433f
```
#53433f rgb(83,67,63)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#533f4f
```
#533f4f rgb(83,63,79)
```

Split Complementary Color

#534d3f
```
#534d3f rgb(83,77,63)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#4d3f53
```
#4d3f53 rgb(77,63,83)
```

Triadic Color

#45533f
```
#45533f rgb(69,83,63)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#4d3f53
```
#4d3f53 rgb(77,63,83)
```
#533f45
```
#533f45 rgb(83,63,69)
```

Tetradic Color

#1e2825
```
#1e2825 rgb(30,40,37)
```
#293632
```
#293632 rgb(41,54,50)
```
#344540
```
#344540 rgb(52,69,64)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#4a615a
```
#4a615a rgb(74,97,90)
```
#557068
```
#557068 rgb(85,112,104)
```
#607e75
```
#607e75 rgb(96,126,117)
```

Monochromatic Color

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

#3f5348
```
#3f5348 rgb(63,83,72)
```
#3f534a
```
#3f534a rgb(63,83,74)
```
#3f534b
```
#3f534b rgb(63,83,75)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#3f534f
```
#3f534f rgb(63,83,79)
```
#3f5350
```
#3f5350 rgb(63,83,80)
```
#3f5352
```
#3f5352 rgb(63,83,82)
```

Similar Colors

Text with hexadecimal color #3f534d

This text has a font color of #3f534d.

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

#3f534d background color

This paragraph has a background color of #3f534d.

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

#3f534d border color

This element has a border color of #3f534d.

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

CSS codes

.text {color:#3f534d;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c100f
```
#0c100f rgb(12,16,15)
```
#151b19
```
#151b19 rgb(21,27,25)
```
#1d2624
```
#1d2624 rgb(29,38,36)
```
#26322e
```
#26322e rgb(38,50,46)
```
#2e3d38
```
#2e3d38 rgb(46,61,56)
```
#374843
```
#374843 rgb(55,72,67)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#475e57
```
#475e57 rgb(71,94,87)
```
#506962
```
#506962 rgb(80,105,98)
```
#58746c
```
#58746c rgb(88,116,108)
```
#618076
```
#618076 rgb(97,128,118)
```
#698b81
```
#698b81 rgb(105,139,129)
```

Shade Color Variation

#73958b
```
#73958b rgb(115,149,139)
```
#7e9d94
```
#7e9d94 rgb(126,157,148)
```
#89a69d
```
#89a69d rgb(137,166,157)
```
#94aea6
```
#94aea6 rgb(148,174,166)
```
#a0b7b0
```
#a0b7b0 rgb(160,183,176)
```
#abbfb9
```
#abbfb9 rgb(171,191,185)
```
#b6c8c2
```
#b6c8c2 rgb(182,200,194)
```
#c1d0cb
```
#c1d0cb rgb(193,208,203)
```
#ccd8d5
```
#ccd8d5 rgb(204,216,213)
```
#d7e1de
```
#d7e1de rgb(215,225,222)
```
#e2e9e7
```
#e2e9e7 rgb(226,233,231)
```
#eef2f1
```
#eef2f1 rgb(238,242,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#454d4b
```
#454d4b rgb(69,77,75)
```
#3f534d
```
#3f534d rgb(63,83,77)
```
#39594f
```
#39594f rgb(57,89,79)
```
#345e51
```
#345e51 rgb(52,94,81)
```
#2e6454
```
#2e6454 rgb(46,100,84)
```
#296956
```
#296956 rgb(41,105,86)
```
#236f58
```
#236f58 rgb(35,111,88)
```
#1d755a
```
#1d755a rgb(29,117,90)
```
#187a5d
```
#187a5d rgb(24,122,93)
```
#12805f
```
#12805f rgb(18,128,95)
```
#0c8661
```
#0c8661 rgb(12,134,97)
```
#078b63
```
#078b63 rgb(7,139,99)
```
#019166
```
#019166 rgb(1,145,102)
```

Tone Color Variation

Below, you can see how #3f534d 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
#494d4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5754 Protanopia 1% of men
#5f5558 Deuteranopia 1% of men
#4b5a60 Tritanopia 0.001% of the population

Trichromacy

#505551 Protanomaly 1% of men, 0.01% of women
#535454 Deuteranomaly 6% of men, 0.4% of women
#465759 Tritanomaly 0.01% of the population

#3f534d hex color

#3f534d Color Information

#3f534d Color Conversion

Color Schemes with #3f534d

Alternatives to #3f534d

#3f534d Preview

Shades and Tints of #3f534d

Tones of #3f534d

Color Blindness Simulator