#3f5351 hex color

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

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

● #3f5351 color description : Very dark grayish cyan.

The hexadecimal color #3f5351 has RGB values of R:63, G:83, B:81 and CMYK values of C:0.24, M:0, Y:0.02, K:0.67. Its decimal value is 4150097.

Hex triplet	3f5351	`#3f5351`
RGB Decimal	63, 83, 81	`rgb(63,83,81)`
RGB Percent	24.7, 32.5, 31.8	`rgb(24.7%,32.5%,31.8%)`
CMYK	24, 0, 2, 67
HSL	174°, 13.7, 28.6	`hsl(174,13.7%,28.6%)`
HSV (or HSB)	174°, 24.1, 32.5
Web Safe	336666	`#336666`

CIE-LAB	33.641, -8.169, -1.363
XYZ	6.628, 7.837, 8.948
xyY	0.283, 0.335, 7.837
CIE-LCH	33.641, 8.282, 189.475
CIE-LUV	33.641, -9.751, -0.572
Hunter-Lab	27.995, -6.73, 0.646
Binary	00111111, 01010011, 01010001

#3f5351
```
#3f5351 rgb(63,83,81)
```
#533f41
```
#533f41 rgb(83,63,65)
```

Complementary Color

#3f5347
```
#3f5347 rgb(63,83,71)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#3f4b53
```
#3f4b53 rgb(63,75,83)
```

Analogous Color

#53473f
```
#53473f rgb(83,71,63)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#533f4b
```
#533f4b rgb(83,63,75)
```

Split Complementary Color

#53513f
```
#53513f rgb(83,81,63)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#513f53
```
#513f53 rgb(81,63,83)
```

Triadic Color

#41533f
```
#41533f rgb(65,83,63)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#513f53
```
#513f53 rgb(81,63,83)
```
#533f41
```
#533f41 rgb(83,63,65)
```

Tetradic Color

#1e2827
```
#1e2827 rgb(30,40,39)
```
#293635
```
#293635 rgb(41,54,53)
```
#344543
```
#344543 rgb(52,69,67)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#4a615f
```
#4a615f rgb(74,97,95)
```
#55706d
```
#55706d rgb(85,112,109)
```
#607e7b
```
#607e7b rgb(96,126,123)
```

Monochromatic Color

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

#3f534c
```
#3f534c rgb(63,83,76)
```
#3f534e
```
#3f534e rgb(63,83,78)
```
#3f534f
```
#3f534f rgb(63,83,79)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#3f5353
```
#3f5353 rgb(63,83,83)
```
#3f5253
```
#3f5253 rgb(63,82,83)
```
#3f5053
```
#3f5053 rgb(63,80,83)
```

Similar Colors

Text with hexadecimal color #3f5351

This text has a font color of #3f5351.

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

#3f5351 background color

This paragraph has a background color of #3f5351.

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

#3f5351 border color

This element has a border color of #3f5351.

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

CSS codes

.text {color:#3f5351;}

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

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

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)
```
#0c1010
```
#0c1010 rgb(12,16,16)
```
#151b1b
```
#151b1b rgb(21,27,27)
```
#1d2625
```
#1d2625 rgb(29,38,37)
```
#263230
```
#263230 rgb(38,50,48)
```
#2e3d3b
```
#2e3d3b rgb(46,61,59)
```
#374846
```
#374846 rgb(55,72,70)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#475e5c
```
#475e5c rgb(71,94,92)
```
#506967
```
#506967 rgb(80,105,103)
```
#587472
```
#587472 rgb(88,116,114)
```
#61807d
```
#61807d rgb(97,128,125)
```
#698b87
```
#698b87 rgb(105,139,135)
```

Shade Color Variation

#739591
```
#739591 rgb(115,149,145)
```
#7e9d9a
```
#7e9d9a rgb(126,157,154)
```
#89a6a3
```
#89a6a3 rgb(137,166,163)
```
#94aeac
```
#94aeac rgb(148,174,172)
```
#a0b7b4
```
#a0b7b4 rgb(160,183,180)
```
#abbfbd
```
#abbfbd rgb(171,191,189)
```
#b6c8c6
```
#b6c8c6 rgb(182,200,198)
```
#c1d0ce
```
#c1d0ce rgb(193,208,206)
```
#ccd8d7
```
#ccd8d7 rgb(204,216,215)
```
#d7e1e0
```
#d7e1e0 rgb(215,225,224)
```
#e2e9e9
```
#e2e9e9 rgb(226,233,233)
```
#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, #454d4d is the less saturated color, while #019182 is the most saturated one.

#454d4d
```
#454d4d rgb(69,77,77)
```
#3f5351
```
#3f5351 rgb(63,83,81)
```
#395955
```
#395955 rgb(57,89,85)
```
#345e5a
```
#345e5a rgb(52,94,90)
```
#2e645e
```
#2e645e rgb(46,100,94)
```
#296963
```
#296963 rgb(41,105,99)
```
#236f67
```
#236f67 rgb(35,111,103)
```
#1d756c
```
#1d756c rgb(29,117,108)
```
#187a70
```
#187a70 rgb(24,122,112)
```
#128075
```
#128075 rgb(18,128,117)
```
#0c8679
```
#0c8679 rgb(12,134,121)
```
#078b7e
```
#078b7e rgb(7,139,126)
```
#019182
```
#019182 rgb(1,145,130)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4a4e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#595757 Protanopia 1% of men
#5e555c Deuteranopia 1% of men
#4a5a61 Tritanopia 0.001% of the population

Trichromacy

#505655 Protanomaly 1% of men, 0.01% of women
#535458 Deuteranomaly 6% of men, 0.4% of women
#46575b Tritanomaly 0.01% of the population

#3f5351 hex color

#3f5351 Color Information

#3f5351 Color Conversion

Color Schemes with #3f5351

Alternatives to #3f5351

#3f5351 Preview

Shades and Tints of #3f5351

Tones of #3f5351

Color Blindness Simulator