#3f516b hex color

In a RGB color space, hex #3f516b is composed of 24.7% red, 31.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 41.1% cyan, 24.3% magenta, 0% yellow and 58% black. It has a hue angle of 215.5 degrees, a saturation of 25.9% and a lightness of 33.3%. #3f516b color hex could be obtained by blending #7ea2d6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 32
- B 42
RGB color chart
- C 41
- M 24
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #3f516b has RGB values of R:63, G:81, B:107 and CMYK values of C:0.41, M:0.24, Y:0, K:0.58. Its decimal value is 4149611.

Hex triplet	3f516b	`#3f516b`
RGB Decimal	63, 81, 107	`rgb(63,81,107)`
RGB Percent	24.7, 31.8, 42	`rgb(24.7%,31.8%,42%)`
CMYK	41, 24, 0, 58
HSL	215.5°, 25.9, 33.3	`hsl(215.5,25.9%,33.3%)`
HSV (or HSB)	215.5°, 41.1, 42
Web Safe	336666	`#336666`

CIE-LAB	33.989, 0.368, -17.223
XYZ	7.646, 8.003, 15.051
xyY	0.249, 0.261, 8.003
CIE-LCH	33.989, 17.227, 271.226
CIE-LUV	33.989, -9.235, -22.809
Hunter-Lab	28.289, -1.264, -11.742
Binary	00111111, 01010001, 01101011

#3f516b
```
#3f516b rgb(63,81,107)
```
#6b593f
```
#6b593f rgb(107,89,63)
```

Complementary Color

#3f676b
```
#3f676b rgb(63,103,107)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#433f6b
```
#433f6b rgb(67,63,107)
```

Analogous Color

#676b3f
```
#676b3f rgb(103,107,63)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#6b433f
```
#6b433f rgb(107,67,63)
```

Split Complementary Color

#516b3f
```
#516b3f rgb(81,107,63)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#6b3f51
```
#6b3f51 rgb(107,63,81)
```

Triadic Color

#3f6b59
```
#3f6b59 rgb(63,107,89)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#6b3f51
```
#6b3f51 rgb(107,63,81)
```
#6b593f
```
#6b593f rgb(107,89,63)
```

Tetradic Color

#232d3b
```
#232d3b rgb(35,45,59)
```
#2c394b
```
#2c394b rgb(44,57,75)
```
#36455b
```
#36455b rgb(54,69,91)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#485d7b
```
#485d7b rgb(72,93,123)
```
#52698b
```
#52698b rgb(82,105,139)
```
#5b759b
```
#5b759b rgb(91,117,155)
```

Monochromatic Color

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

#3f5c6b
```
#3f5c6b rgb(63,92,107)
```
#3f586b
```
#3f586b rgb(63,88,107)
```
#3f556b
```
#3f556b rgb(63,85,107)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#3f4d6b
```
#3f4d6b rgb(63,77,107)
```
#3f4a6b
```
#3f4a6b rgb(63,74,107)
```
#3f466b
```
#3f466b rgb(63,70,107)
```

Similar Colors

Text with hexadecimal color #3f516b

This text has a font color of #3f516b.

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

#3f516b background color

This paragraph has a background color of #3f516b.

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

#3f516b border color

This element has a border color of #3f516b.

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

CSS codes

.text {color:#3f516b;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131921
```
#131921 rgb(19,25,33)
```
#1b222d
```
#1b222d rgb(27,34,45)
```
#222c3a
```
#222c3a rgb(34,44,58)
```
#293546
```
#293546 rgb(41,53,70)
```
#303e52
```
#303e52 rgb(48,62,82)
```
#38485f
```
#38485f rgb(56,72,95)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#465a77
```
#465a77 rgb(70,90,119)
```
#4e6484
```
#4e6484 rgb(78,100,132)
```
#556d90
```
#556d90 rgb(85,109,144)
```
#5c769c
```
#5c769c rgb(92,118,156)
```

Shade Color Variation

#6780a5
```
#6780a5 rgb(103,128,165)
```
#738bad
```
#738bad rgb(115,139,173)
```
#7f95b4
```
#7f95b4 rgb(127,149,180)
```
#8c9fbb
```
#8c9fbb rgb(140,159,187)
```
#98a9c2
```
#98a9c2 rgb(152,169,194)
```
#a4b4ca
```
#a4b4ca rgb(164,180,202)
```
#b1bed1
```
#b1bed1 rgb(177,190,209)
```
#bdc8d8
```
#bdc8d8 rgb(189,200,216)
```
#cad3e0
```
#cad3e0 rgb(202,211,224)
```
#d6dde7
```
#d6dde7 rgb(214,221,231)
```
#e2e7ee
```
#e2e7ee rgb(226,231,238)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#535557
```
#535557 rgb(83,85,87)
```
#4c535e
```
#4c535e rgb(76,83,94)
```
#465264
```
#465264 rgb(70,82,100)
```
#3f516b
```
#3f516b rgb(63,81,107)
```
#385072
```
#385072 rgb(56,80,114)
```
#324f78
```
#324f78 rgb(50,79,120)
```
#2b4d7f
```
#2b4d7f rgb(43,77,127)
```
#254c85
```
#254c85 rgb(37,76,133)
```
#1e4b8c
```
#1e4b8c rgb(30,75,140)
```
#184a92
```
#184a92 rgb(24,74,146)
```
#114999
```
#114999 rgb(17,73,153)
```
#0b479f
```
#0b479f rgb(11,71,159)
```
#0446a6
```
#0446a6 rgb(4,70,166)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4c4f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515871 Protanopia 1% of men
#515773 Deuteranopia 1% of men
#445c63 Tritanopia 0.001% of the population

Trichromacy

#4a556f Protanomaly 1% of men, 0.01% of women
#4a5570 Deuteranomaly 6% of men, 0.4% of women
#425866 Tritanomaly 0.01% of the population

#3f516b hex color

#3f516b Color Information

#3f516b Color Conversion

Color Schemes with #3f516b

Alternatives to #3f516b

#3f516b Preview

Shades and Tints of #3f516b

Tones of #3f516b

Color Blindness Simulator