#3f374a hex color

In a RGB color space, hex #3f374a is composed of 24.7% red, 21.6% green and 29% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 25.7% magenta, 0% yellow and 71% black. It has a hue angle of 265.3 degrees, a saturation of 14.7% and a lightness of 25.3%. #3f374a color hex could be obtained by blending #7e6e94 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 25
- G 22
- B 29
RGB color chart
- C 15
- M 26
- Y 0
- K 71
CMYK color chart

● #3f374a color description : Very dark grayish violet.

The hexadecimal color #3f374a has RGB values of R:63, G:55, B:74 and CMYK values of C:0.15, M:0.26, Y:0, K:0.71. Its decimal value is 4142922.

Hex triplet	3f374a	`#3f374a`
RGB Decimal	63, 55, 74	`rgb(63,55,74)`
RGB Percent	24.7, 21.6, 29	`rgb(24.7%,21.6%,29%)`
CMYK	15, 26, 0, 71
HSL	265.3°, 14.7, 25.3	`hsl(265.3,14.7%,25.3%)`
HSV (or HSB)	265.3°, 25.7, 29
Web Safe	333333	`#333333`

CIE-LAB	24.588, 7.948, -10.37
XYZ	4.652, 4.284, 7.06
xyY	0.291, 0.268, 4.284
CIE-LCH	24.588, 13.065, 307.469
CIE-LUV	24.588, 2.786, -12.909
Hunter-Lab	20.697, 3.901, -5.737
Binary	00111111, 00110111, 01001010

#3f374a
```
#3f374a rgb(63,55,74)
```
#424a37
```
#424a37 rgb(66,74,55)
```

Complementary Color

#37394a
```
#37394a rgb(55,57,74)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#49374a
```
#49374a rgb(73,55,74)
```

Analogous Color

#394a37
```
#394a37 rgb(57,74,55)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#4a4937
```
#4a4937 rgb(74,73,55)
```

Split Complementary Color

#374a3f
```
#374a3f rgb(55,74,63)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#4a3f37
```
#4a3f37 rgb(74,63,55)
```

Triadic Color

#37424a
```
#37424a rgb(55,66,74)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#4a3f37
```
#4a3f37 rgb(74,63,55)
```
#424a37
```
#424a37 rgb(66,74,55)
```

Tetradic Color

#1a161e
```
#1a161e rgb(26,22,30)
```
#26212d
```
#26212d rgb(38,33,45)
```
#332c3b
```
#332c3b rgb(51,44,59)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#4b4259
```
#4b4259 rgb(75,66,89)
```
#584d67
```
#584d67 rgb(88,77,103)
```
#645876
```
#645876 rgb(100,88,118)
```

Monochromatic Color

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

#3a374a
```
#3a374a rgb(58,55,74)
```
#3c374a
```
#3c374a rgb(60,55,74)
```
#3d374a
```
#3d374a rgb(61,55,74)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#41374a
```
#41374a rgb(65,55,74)
```
#42374a
```
#42374a rgb(66,55,74)
```
#44374a
```
#44374a rgb(68,55,74)
```

Similar Colors

Text with hexadecimal color #3f374a

This text has a font color of #3f374a.

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

#3f374a background color

This paragraph has a background color of #3f374a.

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

#3f374a border color

This element has a border color of #3f374a.

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

CSS codes

.text {color:#3f374a;}

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

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

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

#060506
```
#060506 rgb(6,5,6)
```
#0f0d12
```
#0f0d12 rgb(15,13,18)
```
#19161d
```
#19161d rgb(25,22,29)
```
#221e28
```
#221e28 rgb(34,30,40)
```
#2c2633
```
#2c2633 rgb(44,38,51)
```
#352f3f
```
#352f3f rgb(53,47,63)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#493f55
```
#493f55 rgb(73,63,85)
```
#524861
```
#524861 rgb(82,72,97)
```
#5c506c
```
#5c506c rgb(92,80,108)
```
#655877
```
#655877 rgb(101,88,119)
```
#6f6182
```
#6f6182 rgb(111,97,130)
```
#78698e
```
#78698e rgb(120,105,142)
```

Shade Color Variation

#827397
```
#827397 rgb(130,115,151)
```
#8c7e9f
```
#8c7e9f rgb(140,126,159)
```
#968aa8
```
#968aa8 rgb(150,138,168)
```
#a095b0
```
#a095b0 rgb(160,149,176)
```
#aaa0b9
```
#aaa0b9 rgb(170,160,185)
```
#b4abc1
```
#b4abc1 rgb(180,171,193)
```
#bfb7c9
```
#bfb7c9 rgb(191,183,201)
```
#c9c2d2
```
#c9c2d2 rgb(201,194,210)
```
#d3cdda
```
#d3cdda rgb(211,205,218)
```
#ddd8e2
```
#ddd8e2 rgb(221,216,226)
```
#e7e4eb
```
#e7e4eb rgb(231,228,235)
```
#f1eff3
```
#f1eff3 rgb(241,239,243)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#403c45
```
#403c45 rgb(64,60,69)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#3e324f
```
#3e324f rgb(62,50,79)
```
#3d2d54
```
#3d2d54 rgb(61,45,84)
```
#3d2859
```
#3d2859 rgb(61,40,89)
```
#3c235e
```
#3c235e rgb(60,35,94)
```
#3b1e63
```
#3b1e63 rgb(59,30,99)
```
#3a1968
```
#3a1968 rgb(58,25,104)
```
#3a146d
```
#3a146d rgb(58,20,109)
```
#390f72
```
#390f72 rgb(57,15,114)
```
#380a77
```
#380a77 rgb(56,10,119)
```
#37057c
```
#37057c rgb(55,5,124)
```
#360081
```
#360081 rgb(54,0,129)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3d3b3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#404355 Protanopia 1% of men
#434352 Deuteranopia 1% of men
#464348 Tritanopia 0.001% of the population

Trichromacy

#3f3f51 Protanomaly 1% of men, 0.01% of women
#413e4f Deuteranomaly 6% of men, 0.4% of women
#433e48 Tritanomaly 0.01% of the population

#3f374a hex color

#3f374a Color Information

#3f374a Color Conversion

Color Schemes with #3f374a

Alternatives to #3f374a

#3f374a Preview

Shades and Tints of #3f374a

Tones of #3f374a

Color Blindness Simulator