#3f4d55 hex color

In a RGB color space, hex #3f4d55 is composed of 24.7% red, 30.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 9.4% magenta, 0% yellow and 66.7% black. It has a hue angle of 201.8 degrees, a saturation of 14.9% and a lightness of 29%. #3f4d55 color hex could be obtained by blending #7e9aaa with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #3f4d55 has RGB values of R:63, G:77, B:85 and CMYK values of C:0.26, M:0.09, Y:0, K:0.67. Its decimal value is 4148565.

Hex triplet	3f4d55	`#3f4d55`
RGB Decimal	63, 77, 85	`rgb(63,77,85)`
RGB Percent	24.7, 30.2, 33.3	`rgb(24.7%,30.2%,33.3%)`
CMYK	26, 9, 0, 67
HSL	201.8°, 14.9, 29	`hsl(201.8,14.9%,29%)`
HSV (or HSB)	201.8°, 25.9, 33.3
Web Safe	336666	`#336666`

CIE-LAB	31.853, -3.452, -6.556
XYZ	6.343, 7.02, 9.615
xyY	0.276, 0.306, 7.02
CIE-LCH	31.853, 7.409, 242.233
CIE-LUV	31.853, -7.139, -7.707
Hunter-Lab	26.496, -3.634, -2.968
Binary	00111111, 01001101, 01010101

#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#55473f
```
#55473f rgb(85,71,63)
```

Complementary Color

#3f5552
```
#3f5552 rgb(63,85,82)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#3f4255
```
#3f4255 rgb(63,66,85)
```

Analogous Color

#55523f
```
#55523f rgb(85,82,63)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#553f42
```
#553f42 rgb(85,63,66)
```

Split Complementary Color

#4d553f
```
#4d553f rgb(77,85,63)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#553f4d
```
#553f4d rgb(85,63,77)
```

Triadic Color

#3f5547
```
#3f5547 rgb(63,85,71)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#553f4d
```
#553f4d rgb(85,63,77)
```
#55473f
```
#55473f rgb(85,71,63)
```

Tetradic Color

#1e2529
```
#1e2529 rgb(30,37,41)
```
#293238
```
#293238 rgb(41,50,56)
```
#344046
```
#344046 rgb(52,64,70)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#4a5a64
```
#4a5a64 rgb(74,90,100)
```
#556872
```
#556872 rgb(85,104,114)
```
#607581
```
#607581 rgb(96,117,129)
```

Monochromatic Color

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

#3f5355
```
#3f5355 rgb(63,83,85)
```
#3f5155
```
#3f5155 rgb(63,81,85)
```
#3f4f55
```
#3f4f55 rgb(63,79,85)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#3f4b55
```
#3f4b55 rgb(63,75,85)
```
#3f4955
```
#3f4955 rgb(63,73,85)
```
#3f4855
```
#3f4855 rgb(63,72,85)
```

Similar Colors

Text with hexadecimal color #3f4d55

This text has a font color of #3f4d55.

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

#3f4d55 background color

This paragraph has a background color of #3f4d55.

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

#3f4d55 border color

This element has a border color of #3f4d55.

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

CSS codes

.text {color:#3f4d55;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d1011
```
#0d1011 rgb(13,16,17)
```
#151a1d
```
#151a1d rgb(21,26,29)
```
#1e2428
```
#1e2428 rgb(30,36,40)
```
#262e33
```
#262e33 rgb(38,46,51)
```
#2e393e
```
#2e393e rgb(46,57,62)
```
#37434a
```
#37434a rgb(55,67,74)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#475760
```
#475760 rgb(71,87,96)
```
#50616c
```
#50616c rgb(80,97,108)
```
#586c77
```
#586c77 rgb(88,108,119)
```
#607682
```
#607682 rgb(96,118,130)
```
#69808d
```
#69808d rgb(105,128,141)
```

Shade Color Variation

#738a97
```
#738a97 rgb(115,138,151)
```
#7e939f
```
#7e939f rgb(126,147,159)
```
#899da8
```
#899da8 rgb(137,157,168)
```
#94a6b0
```
#94a6b0 rgb(148,166,176)
```
#a0afb8
```
#a0afb8 rgb(160,175,184)
```
#abb9c1
```
#abb9c1 rgb(171,185,193)
```
#b6c2c9
```
#b6c2c9 rgb(182,194,201)
```
#c2ccd1
```
#c2ccd1 rgb(194,204,209)
```
#cdd5da
```
#cdd5da rgb(205,213,218)
```
#d8dee2
```
#d8dee2 rgb(216,222,226)
```
#e3e8eb
```
#e3e8eb rgb(227,232,235)
```
#eff1f3
```
#eff1f3 rgb(239,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#454b4f
```
#454b4f rgb(69,75,79)
```
#3f4d55
```
#3f4d55 rgb(63,77,85)
```
#394f5b
```
#394f5b rgb(57,79,91)
```
#345060
```
#345060 rgb(52,80,96)
```
#2e5266
```
#2e5266 rgb(46,82,102)
```
#28536c
```
#28536c rgb(40,83,108)
```
#235571
```
#235571 rgb(35,85,113)
```
#1d5677
```
#1d5677 rgb(29,86,119)
```
#17587d
```
#17587d rgb(23,88,125)
```
#115983
```
#115983 rgb(17,89,131)
```
#0c5b88
```
#0c5b88 rgb(12,91,136)
```
#065d8e
```
#065d8e rgb(6,93,142)
```
#005e94
```
#005e94 rgb(0,94,148)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#484b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#53535c Protanopia 1% of men
#56525f Deuteranopia 1% of men
#48565c Tritanopia 0.001% of the population

Trichromacy

#4b5159 Protanomaly 1% of men, 0.01% of women
#4e505b Deuteranomaly 6% of men, 0.4% of women
#455359 Tritanomaly 0.01% of the population

#3f4d55 hex color

#3f4d55 Color Information

#3f4d55 Color Conversion

Color Schemes with #3f4d55

Alternatives to #3f4d55

#3f4d55 Preview

Shades and Tints of #3f4d55

Tones of #3f4d55

Color Blindness Simulator