#3f404f hex color

In a RGB color space, hex #3f404f is composed of 24.7% red, 25.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 19% magenta, 0% yellow and 69% black. It has a hue angle of 236.3 degrees, a saturation of 11.3% and a lightness of 27.8%. #3f404f color hex could be obtained by blending #7e809e with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #3f404f has RGB values of R:63, G:64, B:79 and CMYK values of C:0.2, M:0.19, Y:0, K:0.69. Its decimal value is 4145231.

Hex triplet	3f404f	`#3f404f`
RGB Decimal	63, 64, 79	`rgb(63,64,79)`
RGB Percent	24.7, 25.1, 31	`rgb(24.7%,25.1%,31%)`
CMYK	20, 19, 0, 69
HSL	236.3°, 11.3, 27.8	`hsl(236.3,11.3%,27.8%)`
HSV (or HSB)	236.3°, 20.3, 31
Web Safe	333366	`#333366`

CIE-LAB	27.54, 3.281, -9.179
XYZ	5.294, 5.288, 8.138
xyY	0.283, 0.282, 5.288
CIE-LCH	27.54, 9.747, 289.668
CIE-LUV	27.54, -1.291, -11.396
Hunter-Lab	22.996, 0.854, -4.887
Binary	00111111, 01000000, 01001111

#3f404f
```
#3f404f rgb(63,64,79)
```
#4f4e3f
```
#4f4e3f rgb(79,78,63)
```

Complementary Color

#3f484f
```
#3f484f rgb(63,72,79)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#463f4f
```
#463f4f rgb(70,63,79)
```

Analogous Color

#484f3f
```
#484f3f rgb(72,79,63)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#4f463f
```
#4f463f rgb(79,70,63)
```

Split Complementary Color

#404f3f
```
#404f3f rgb(64,79,63)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#4f3f40
```
#4f3f40 rgb(79,63,64)
```

Triadic Color

#3f4f4e
```
#3f4f4e rgb(63,79,78)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#4f3f40
```
#4f3f40 rgb(79,63,64)
```
#4f4e3f
```
#4f4e3f rgb(79,78,63)
```

Tetradic Color

#1d1e24
```
#1d1e24 rgb(29,30,36)
```
#282933
```
#282933 rgb(40,41,51)
```
#343541
```
#343541 rgb(52,53,65)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#4a4b5d
```
#4a4b5d rgb(74,75,93)
```
#56576b
```
#56576b rgb(86,87,107)
```
#61627a
```
#61627a rgb(97,98,122)
```

Monochromatic Color

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

#3f444f
```
#3f444f rgb(63,68,79)
```
#3f434f
```
#3f434f rgb(63,67,79)
```
#3f414f
```
#3f414f rgb(63,65,79)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#3f3f4f
```
#3f3f4f rgb(63,63,79)
```
#413f4f
```
#413f4f rgb(65,63,79)
```
#423f4f
```
#423f4f rgb(66,63,79)
```

Similar Colors

Text with hexadecimal color #3f404f

This text has a font color of #3f404f.

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

#3f404f background color

This paragraph has a background color of #3f404f.

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

#3f404f border color

This element has a border color of #3f404f.

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

CSS codes

.text {color:#3f404f;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#131418
```
#131418 rgb(19,20,24)
```
#1c1d23
```
#1c1d23 rgb(28,29,35)
```
#25252e
```
#25252e rgb(37,37,46)
```
#2e2e39
```
#2e2e39 rgb(46,46,57)
```
#363744
```
#363744 rgb(54,55,68)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#48495a
```
#48495a rgb(72,73,90)
```
#505265
```
#505265 rgb(80,82,101)
```
#595b70
```
#595b70 rgb(89,91,112)
```
#62637b
```
#62637b rgb(98,99,123)
```
#6b6c86
```
#6b6c86 rgb(107,108,134)
```

Shade Color Variation

#747690
```
#747690 rgb(116,118,144)
```
#7f8099
```
#7f8099 rgb(127,128,153)
```
#8a8ba1
```
#8a8ba1 rgb(138,139,161)
```
#9496aa
```
#9496aa rgb(148,150,170)
```
#9fa1b3
```
#9fa1b3 rgb(159,161,179)
```
#aaabbb
```
#aaabbb rgb(170,171,187)
```
#b5b6c4
```
#b5b6c4 rgb(181,182,196)
```
#c0c1cd
```
#c0c1cd rgb(192,193,205)
```
#cbccd6
```
#cbccd6 rgb(203,204,214)
```
#d6d6de
```
#d6d6de rgb(214,214,222)
```
#e1e1e7
```
#e1e1e7 rgb(225,225,231)
```
#ececf0
```
#ececf0 rgb(236,236,240)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #44454a is the less saturated color, while #030b8b is the most saturated one.

#44454a
```
#44454a rgb(68,69,74)
```
#3f404f
```
#3f404f rgb(63,64,79)
```
#3a3b54
```
#3a3b54 rgb(58,59,84)
```
#34365a
```
#34365a rgb(52,54,90)
```
#2f325f
```
#2f325f rgb(47,50,95)
```
#292d65
```
#292d65 rgb(41,45,101)
```
#24286a
```
#24286a rgb(36,40,106)
```
#1e2370
```
#1e2370 rgb(30,35,112)
```
#191f75
```
#191f75 rgb(25,31,117)
```
#131a7b
```
#131a7b rgb(19,26,123)
```
#0e1580
```
#0e1580 rgb(14,21,128)
```
#081086
```
#081086 rgb(8,16,134)
```
#030b8b
```
#030b8b rgb(3,11,139)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#414144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474a58 Protanopia 1% of men
#4a4958 Deuteranopia 1% of men
#474b50 Tritanopia 0.001% of the population

Trichromacy

#444654 Protanomaly 1% of men, 0.01% of women
#464554 Deuteranomaly 6% of men, 0.4% of women
#444750 Tritanomaly 0.01% of the population

#3f404f hex color

#3f404f Color Information

#3f404f Color Conversion

Color Schemes with #3f404f

Alternatives to #3f404f

#3f404f Preview

Shades and Tints of #3f404f

Tones of #3f404f

Color Blindness Simulator