#3f4a50 hex color

In a RGB color space, hex #3f4a50 is composed of 24.7% red, 29% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 7.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 201.2 degrees, a saturation of 11.9% and a lightness of 28%. #3f4a50 color hex could be obtained by blending #7e94a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 29
- B 31
RGB color chart
- C 21
- M 7
- Y 0
- K 69
CMYK color chart

● #3f4a50 color description : Very dark grayish blue.

The hexadecimal color #3f4a50 has RGB values of R:63, G:74, B:80 and CMYK values of C:0.21, M:0.07, Y:0, K:0.69. Its decimal value is 4147792.

Hex triplet	3f4a50	`#3f4a50`
RGB Decimal	63, 74, 80	`rgb(63,74,80)`
RGB Percent	24.7, 29, 31.4	`rgb(24.7%,29%,31.4%)`
CMYK	21, 7, 0, 69
HSL	201.2°, 11.9, 28	`hsl(201.2,11.9%,28%)`
HSV (or HSB)	201.2°, 21.3, 31.4
Web Safe	333366	`#333366`

CIE-LAB	30.72, -2.889, -5.048
XYZ	5.946, 6.533, 8.537
xyY	0.283, 0.311, 6.533
CIE-LCH	30.72, 5.816, 240.217
CIE-LUV	30.72, -5.691, -5.783
Hunter-Lab	25.56, -3.205, -1.909
Binary	00111111, 01001010, 01010000

#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#50453f
```
#50453f rgb(80,69,63)
```

Complementary Color

#3f504e
```
#3f504e rgb(63,80,78)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#3f4250
```
#3f4250 rgb(63,66,80)
```

Analogous Color

#504e3f
```
#504e3f rgb(80,78,63)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#503f42
```
#503f42 rgb(80,63,66)
```

Split Complementary Color

#4a503f
```
#4a503f rgb(74,80,63)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#503f4a
```
#503f4a rgb(80,63,74)
```

Triadic Color

#3f5045
```
#3f5045 rgb(63,80,69)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#503f4a
```
#503f4a rgb(80,63,74)
```
#50453f
```
#50453f rgb(80,69,63)
```

Tetradic Color

#1d2225
```
#1d2225 rgb(29,34,37)
```
#293033
```
#293033 rgb(41,48,51)
```
#343d42
```
#343d42 rgb(52,61,66)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#4a575e
```
#4a575e rgb(74,87,94)
```
#55646d
```
#55646d rgb(85,100,109)
```
#61727b
```
#61727b rgb(97,114,123)
```

Monochromatic Color

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

#3f4e50
```
#3f4e50 rgb(63,78,80)
```
#3f4d50
```
#3f4d50 rgb(63,77,80)
```
#3f4b50
```
#3f4b50 rgb(63,75,80)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#3f4950
```
#3f4950 rgb(63,73,80)
```
#3f4750
```
#3f4750 rgb(63,71,80)
```
#3f4650
```
#3f4650 rgb(63,70,80)
```

Similar Colors

Text with hexadecimal color #3f4a50

This text has a font color of #3f4a50.

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

#3f4a50 background color

This paragraph has a background color of #3f4a50.

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

#3f4a50 border color

This element has a border color of #3f4a50.

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

CSS codes

.text {color:#3f4a50;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0b0d0e
```
#0b0d0e rgb(11,13,14)
```
#141719
```
#141719 rgb(20,23,25)
```
#1c2124
```
#1c2124 rgb(28,33,36)
```
#252c2f
```
#252c2f rgb(37,44,47)
```
#2e363a
```
#2e363a rgb(46,54,58)
```
#364045
```
#364045 rgb(54,64,69)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#48545b
```
#48545b rgb(72,84,91)
```
#505e66
```
#505e66 rgb(80,94,102)
```
#596871
```
#596871 rgb(89,104,113)
```
#62737c
```
#62737c rgb(98,115,124)
```
#6a7d87
```
#6a7d87 rgb(106,125,135)
```

Shade Color Variation

#748791
```
#748791 rgb(116,135,145)
```
#7f909a
```
#7f909a rgb(127,144,154)
```
#899aa2
```
#899aa2 rgb(137,154,162)
```
#94a3ab
```
#94a3ab rgb(148,163,171)
```
#9fadb4
```
#9fadb4 rgb(159,173,180)
```
#aab6bc
```
#aab6bc rgb(170,182,188)
```
#b5bfc5
```
#b5bfc5 rgb(181,191,197)
```
#c0c9ce
```
#c0c9ce rgb(192,201,206)
```
#cbd2d6
```
#cbd2d6 rgb(203,210,214)
```
#d6dcdf
```
#d6dcdf rgb(214,220,223)
```
#e1e5e8
```
#e1e5e8 rgb(225,229,232)
```
#eceff0
```
#eceff0 rgb(236,239,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45484b is the less saturated color, while #025c8d is the most saturated one.

#45484b
```
#45484b rgb(69,72,75)
```
#3f4a50
```
#3f4a50 rgb(63,74,80)
```
#3a4c56
```
#3a4c56 rgb(58,76,86)
```
#344d5b
```
#344d5b rgb(52,77,91)
```
#2f4f61
```
#2f4f61 rgb(47,79,97)
```
#295066
```
#295066 rgb(41,80,102)
```
#24526c
```
#24526c rgb(36,82,108)
```
#1e5471
```
#1e5471 rgb(30,84,113)
```
#195577
```
#195577 rgb(25,85,119)
```
#13577c
```
#13577c rgb(19,87,124)
```
#0e5982
```
#0e5982 rgb(14,89,130)
```
#085a87
```
#085a87 rgb(8,90,135)
```
#025c8d
```
#025c8d rgb(2,92,141)
```

Tone Color Variation

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

Dichromacy

#515157 Protanopia 1% of men
#554f5a Deuteranopia 1% of men
#495359 Tritanopia 0.001% of the population

Trichromacy

#4a4e55 Protanomaly 1% of men, 0.01% of women
#4d4d56 Deuteranomaly 6% of men, 0.4% of women
#454f55 Tritanomaly 0.01% of the population

#3f4a50 hex color

#3f4a50 Color Information

#3f4a50 Color Conversion

Color Schemes with #3f4a50

Alternatives to #3f4a50

#3f4a50 Preview

Shades and Tints of #3f4a50

Tones of #3f4a50

Color Blindness Simulator