#3f4164 hex color

In a RGB color space, hex #3f4164 is composed of 24.7% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 35% magenta, 0% yellow and 60.8% black. It has a hue angle of 236.8 degrees, a saturation of 22.7% and a lightness of 32%. #3f4164 color hex could be obtained by blending #7e82c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 25
- B 39
RGB color chart
- C 37
- M 35
- Y 0
- K 61
CMYK color chart

● #3f4164 color description : Very dark desaturated blue.

The hexadecimal color #3f4164 has RGB values of R:63, G:65, B:100 and CMYK values of C:0.37, M:0.35, Y:0, K:0.61. Its decimal value is 4145508.

Hex triplet	3f4164	`#3f4164`
RGB Decimal	63, 65, 100	`rgb(63,65,100)`
RGB Percent	24.7, 25.5, 39.2	`rgb(24.7%,25.5%,39.2%)`
CMYK	37, 35, 0, 61
HSL	236.8°, 22.7, 32	`hsl(236.8,22.7%,32%)`
HSV (or HSB)	236.8°, 37, 39.2
Web Safe	333366	`#333366`

CIE-LAB	28.792, 8.638, -20.845
XYZ	6.24, 5.757, 12.838
xyY	0.251, 0.232, 5.757
CIE-LCH	28.792, 22.564, 292.508
CIE-LUV	28.792, -2.797, -27.377
Hunter-Lab	23.994, 4.43, -14.927
Binary	00111111, 01000001, 01100100

#3f4164
```
#3f4164 rgb(63,65,100)
```
#64623f
```
#64623f rgb(100,98,63)
```

Complementary Color

#3f5464
```
#3f5464 rgb(63,84,100)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#503f64
```
#503f64 rgb(80,63,100)
```

Analogous Color

#54643f
```
#54643f rgb(84,100,63)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#64503f
```
#64503f rgb(100,80,63)
```

Split Complementary Color

#41643f
```
#41643f rgb(65,100,63)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#643f41
```
#643f41 rgb(100,63,65)
```

Triadic Color

#3f6462
```
#3f6462 rgb(63,100,98)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#643f41
```
#643f41 rgb(100,63,65)
```
#64623f
```
#64623f rgb(100,98,63)
```

Tetradic Color

#212235
```
#212235 rgb(33,34,53)
```
#2b2d45
```
#2b2d45 rgb(43,45,69)
```
#353754
```
#353754 rgb(53,55,84)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#494b74
```
#494b74 rgb(73,75,116)
```
#535583
```
#535583 rgb(83,85,131)
```
#5d6093
```
#5d6093 rgb(93,96,147)
```

Monochromatic Color

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

#3f4a64
```
#3f4a64 rgb(63,74,100)
```
#3f4764
```
#3f4764 rgb(63,71,100)
```
#3f4464
```
#3f4464 rgb(63,68,100)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#403f64
```
#403f64 rgb(64,63,100)
```
#433f64
```
#433f64 rgb(67,63,100)
```
#463f64
```
#463f64 rgb(70,63,100)
```

Similar Colors

Text with hexadecimal color #3f4164

This text has a font color of #3f4164.

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

#3f4164 background color

This paragraph has a background color of #3f4164.

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

#3f4164 border color

This element has a border color of #3f4164.

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

CSS codes

.text {color:#3f4164;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0a10
```
#0a0a10 rgb(10,10,16)
```
#12121c
```
#12121c rgb(18,18,28)
```
#191a28
```
#191a28 rgb(25,26,40)
```
#212234
```
#212234 rgb(33,34,52)
```
#282a40
```
#282a40 rgb(40,42,64)
```
#30314c
```
#30314c rgb(48,49,76)
```
#373958
```
#373958 rgb(55,57,88)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#474970
```
#474970 rgb(71,73,112)
```
#4e517c
```
#4e517c rgb(78,81,124)
```
#565888
```
#565888 rgb(86,88,136)
```
#5d6094
```
#5d6094 rgb(93,96,148)
```

Shade Color Variation

#66699f
```
#66699f rgb(102,105,159)
```
#7275a6
```
#7275a6 rgb(114,117,166)
```
#7e81ae
```
#7e81ae rgb(126,129,174)
```
#8a8db6
```
#8a8db6 rgb(138,141,182)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#a2a4c5
```
#a2a4c5 rgb(162,164,197)
```
#aeb0cc
```
#aeb0cc rgb(174,176,204)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#c7c8db
```
#c7c8db rgb(199,200,219)
```
#d3d3e3
```
#d3d3e3 rgb(211,211,227)
```
#dfdfeb
```
#dfdfeb rgb(223,223,235)
```
#ebebf2
```
#ebebf2 rgb(235,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4c57 is the less saturated color, while #0009a3 is the most saturated one.

#4c4c57
```
#4c4c57 rgb(76,76,87)
```
#45475e
```
#45475e rgb(69,71,94)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#393b6a
```
#393b6a rgb(57,59,106)
```
#323671
```
#323671 rgb(50,54,113)
```
#2c3077
```
#2c3077 rgb(44,48,119)
```
#262b7d
```
#262b7d rgb(38,43,125)
```
#202583
```
#202583 rgb(32,37,131)
```
#191f8a
```
#191f8a rgb(25,31,138)
```
#131a90
```
#131a90 rgb(19,26,144)
```
#0d1496
```
#0d1496 rgb(13,20,150)
```
#070f9c
```
#070f9c rgb(7,15,156)
```
#0009a3
```
#0009a3 rgb(0,9,163)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#43434a Atypical Achromatopsia 0.001% of the population

Dichromacy

#424c6d Protanopia 1% of men
#414c6b Deuteranopia 1% of men
#424f55 Tritanopia 0.001% of the population

Trichromacy

#404869 Protanomaly 1% of men, 0.01% of women
#404868 Deuteranomaly 6% of men, 0.4% of women
#414a5a Tritanomaly 0.01% of the population

#3f4164 hex color

#3f4164 Color Information

#3f4164 Color Conversion

Color Schemes with #3f4164

Alternatives to #3f4164

#3f4164 Preview

Shades and Tints of #3f4164

Tones of #3f4164

Color Blindness Simulator