#3f4d68 hex color

In a RGB color space, hex #3f4d68 is composed of 24.7% red, 30.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 26% magenta, 0% yellow and 59.2% black. It has a hue angle of 219.5 degrees, a saturation of 24.6% and a lightness of 32.7%. #3f4d68 color hex could be obtained by blending #7e9ad0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 30
- B 41
RGB color chart
- C 39
- M 26
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #3f4d68 has RGB values of R:63, G:77, B:104 and CMYK values of C:0.39, M:0.26, Y:0, K:0.59. Its decimal value is 4148584.

Hex triplet	3f4d68	`#3f4d68`
RGB Decimal	63, 77, 104	`rgb(63,77,104)`
RGB Percent	24.7, 30.2, 40.8	`rgb(24.7%,30.2%,40.8%)`
CMYK	39, 26, 0, 59
HSL	219.5°, 24.6, 32.7	`hsl(219.5,24.6%,32.7%)`
HSV (or HSB)	219.5°, 39.4, 40.8
Web Safe	336666	`#336666`

CIE-LAB	32.621, 2.006, -17.446
XYZ	7.202, 7.364, 14.138
xyY	0.251, 0.257, 7.364
CIE-LCH	32.621, 17.561, 276.559
CIE-LUV	32.621, -7.579, -23.032
Hunter-Lab	27.136, -0.115, -11.894
Binary	00111111, 01001101, 01101000

#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#685a3f
```
#685a3f rgb(104,90,63)
```

Complementary Color

#3f6268
```
#3f6268 rgb(63,98,104)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#463f68
```
#463f68 rgb(70,63,104)
```

Analogous Color

#62683f
```
#62683f rgb(98,104,63)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#68463f
```
#68463f rgb(104,70,63)
```

Split Complementary Color

#4d683f
```
#4d683f rgb(77,104,63)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#683f4d
```
#683f4d rgb(104,63,77)
```

Triadic Color

#3f685a
```
#3f685a rgb(63,104,90)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#683f4d
```
#683f4d rgb(104,63,77)
```
#685a3f
```
#685a3f rgb(104,90,63)
```

Tetradic Color

#222a38
```
#222a38 rgb(34,42,56)
```
#2c3548
```
#2c3548 rgb(44,53,72)
```
#354158
```
#354158 rgb(53,65,88)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#495978
```
#495978 rgb(73,89,120)
```
#526588
```
#526588 rgb(82,101,136)
```
#5c7098
```
#5c7098 rgb(92,112,152)
```

Monochromatic Color

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

#3f5768
```
#3f5768 rgb(63,87,104)
```
#3f5468
```
#3f5468 rgb(63,84,104)
```
#3f5068
```
#3f5068 rgb(63,80,104)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#3f4a68
```
#3f4a68 rgb(63,74,104)
```
#3f4668
```
#3f4668 rgb(63,70,104)
```
#3f4368
```
#3f4368 rgb(63,67,104)
```

Similar Colors

Text with hexadecimal color #3f4d68

This text has a font color of #3f4d68.

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

#3f4d68 background color

This paragraph has a background color of #3f4d68.

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

#3f4d68 border color

This element has a border color of #3f4d68.

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

CSS codes

.text {color:#3f4d68;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13171f
```
#13171f rgb(19,23,31)
```
#1a202b
```
#1a202b rgb(26,32,43)
```
#212937
```
#212937 rgb(33,41,55)
```
#293243
```
#293243 rgb(41,50,67)
```
#303b50
```
#303b50 rgb(48,59,80)
```
#38445c
```
#38445c rgb(56,68,92)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#465674
```
#465674 rgb(70,86,116)
```
#4e5f80
```
#4e5f80 rgb(78,95,128)
```
#55688d
```
#55688d rgb(85,104,141)
```
#5d7199
```
#5d7199 rgb(93,113,153)
```

Shade Color Variation

#667ba3
```
#667ba3 rgb(102,123,163)
```
#7386aa
```
#7386aa rgb(115,134,170)
```
#7f90b1
```
#7f90b1 rgb(127,144,177)
```
#8b9bb9
```
#8b9bb9 rgb(139,155,185)
```
#97a5c0
```
#97a5c0 rgb(151,165,192)
```
#a4b0c8
```
#a4b0c8 rgb(164,176,200)
```
#b0bacf
```
#b0bacf rgb(176,186,207)
```
#bcc5d6
```
#bcc5d6 rgb(188,197,214)
```
#c8d0de
```
#c8d0de rgb(200,208,222)
```
#d4dae5
```
#d4dae5 rgb(212,218,229)
```
#e1e5ed
```
#e1e5ed rgb(225,229,237)
```
#edeff4
```
#edeff4 rgb(237,239,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#525355
```
#525355 rgb(82,83,85)
```
#4c515b
```
#4c515b rgb(76,81,91)
```
#454f62
```
#454f62 rgb(69,79,98)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#394b6e
```
#394b6e rgb(57,75,110)
```
#324975
```
#324975 rgb(50,73,117)
```
#2c477b
```
#2c477b rgb(44,71,123)
```
#254582
```
#254582 rgb(37,69,130)
```
#1f4388
```
#1f4388 rgb(31,67,136)
```
#18418f
```
#18418f rgb(24,65,143)
```
#123f95
```
#123f95 rgb(18,63,149)
```
#0c3d9b
```
#0c3d9b rgb(12,61,155)
```
#053ba2
```
#053ba2 rgb(5,59,162)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#494c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e556f Protanopia 1% of men
#4e5470 Deuteranopia 1% of men
#44595f Tritanopia 0.001% of the population

Trichromacy

#48526c Protanomaly 1% of men, 0.01% of women
#48526d Deuteranomaly 6% of men, 0.4% of women
#425462 Tritanomaly 0.01% of the population

#3f4d68 hex color

#3f4d68 Color Information

#3f4d68 Color Conversion

Color Schemes with #3f4d68

Alternatives to #3f4d68

#3f4d68 Preview

Shades and Tints of #3f4d68

Tones of #3f4d68

Color Blindness Simulator