#3f4b70 hex color

In a RGB color space, hex #3f4b70 is composed of 24.7% red, 29.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 33% magenta, 0% yellow and 56.1% black. It has a hue angle of 225.3 degrees, a saturation of 28% and a lightness of 34.3%. #3f4b70 color hex could be obtained by blending #7e96e0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 29
- B 44
RGB color chart
- C 44
- M 33
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #3f4b70 has RGB values of R:63, G:75, B:112 and CMYK values of C:0.44, M:0.33, Y:0, K:0.56. Its decimal value is 4148080.

Hex triplet	3f4b70	`#3f4b70`
RGB Decimal	63, 75, 112	`rgb(63,75,112)`
RGB Percent	24.7, 29.4, 43.9	`rgb(24.7%,29.4%,43.9%)`
CMYK	44, 33, 0, 56
HSL	225.3°, 28, 34.3	`hsl(225.3,28%,34.3%)`
HSV (or HSB)	225.3°, 43.8, 43.9
Web Safe	333366	`#333366`

CIE-LAB	32.388, 5.793, -22.843
XYZ	7.49, 7.259, 16.335
xyY	0.241, 0.234, 7.259
CIE-LCH	32.388, 23.566, 284.231
CIE-LUV	32.388, -7.02, -30.866
Hunter-Lab	26.942, 2.477, -17.088
Binary	00111111, 01001011, 01110000

#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#70643f
```
#70643f rgb(112,100,63)
```

Complementary Color

#3f6470
```
#3f6470 rgb(63,100,112)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#4c3f70
```
#4c3f70 rgb(76,63,112)
```

Analogous Color

#64703f
```
#64703f rgb(100,112,63)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#704c3f
```
#704c3f rgb(112,76,63)
```

Split Complementary Color

#4b703f
```
#4b703f rgb(75,112,63)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#703f4b
```
#703f4b rgb(112,63,75)
```

Triadic Color

#3f7064
```
#3f7064 rgb(63,112,100)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#703f4b
```
#703f4b rgb(112,63,75)
```
#70643f
```
#70643f rgb(112,100,63)
```

Tetradic Color

#232a3f
```
#232a3f rgb(35,42,63)
```
#2d354f
```
#2d354f rgb(45,53,79)
```
#364060
```
#364060 rgb(54,64,96)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#485680
```
#485680 rgb(72,86,128)
```
#516191
```
#516191 rgb(81,97,145)
```
#5b6ca1
```
#5b6ca1 rgb(91,108,161)
```

Monochromatic Color

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

#3f5770
```
#3f5770 rgb(63,87,112)
```
#3f5370
```
#3f5370 rgb(63,83,112)
```
#3f4f70
```
#3f4f70 rgb(63,79,112)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#3f4770
```
#3f4770 rgb(63,71,112)
```
#3f4370
```
#3f4370 rgb(63,67,112)
```
#3f3f70
```
#3f3f70 rgb(63,63,112)
```

Similar Colors

Text with hexadecimal color #3f4b70

This text has a font color of #3f4b70.

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

#3f4b70 background color

This paragraph has a background color of #3f4b70.

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

#3f4b70 border color

This element has a border color of #3f4b70.

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

CSS codes

.text {color:#3f4b70;}

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

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

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, #07080c is the darkest color, while #fefefe is the lightest one.

#07080c
```
#07080c rgb(7,8,12)
```
#0e1018
```
#0e1018 rgb(14,16,24)
```
#151925
```
#151925 rgb(21,25,37)
```
#1c2131
```
#1c2131 rgb(28,33,49)
```
#23293e
```
#23293e rgb(35,41,62)
```
#2a324a
```
#2a324a rgb(42,50,74)
```
#313a57
```
#313a57 rgb(49,58,87)
```
#384363
```
#384363 rgb(56,67,99)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#46537d
```
#46537d rgb(70,83,125)
```
#4d5c89
```
#4d5c89 rgb(77,92,137)
```
#546496
```
#546496 rgb(84,100,150)
```
#5b6da2
```
#5b6da2 rgb(91,109,162)
```

Shade Color Variation

#6778aa
```
#6778aa rgb(103,120,170)
```
#7483b1
```
#7483b1 rgb(116,131,177)
```
#808eb8
```
#808eb8 rgb(128,142,184)
```
#8d99bf
```
#8d99bf rgb(141,153,191)
```
#9aa4c6
```
#9aa4c6 rgb(154,164,198)
```
#a6b0cd
```
#a6b0cd rgb(166,176,205)
```
#b3bbd4
```
#b3bbd4 rgb(179,187,212)
```
#bfc6db
```
#bfc6db rgb(191,198,219)
```
#ccd1e2
```
#ccd1e2 rgb(204,209,226)
```
#d8dce9
```
#d8dce9 rgb(216,220,233)
```
#e5e8f0
```
#e5e8f0 rgb(229,232,240)
```
#f1f3f7
```
#f1f3f7 rgb(241,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53555c is the less saturated color, while #022cad is the most saturated one.

#53555c
```
#53555c rgb(83,85,92)
```
#4c5263
```
#4c5263 rgb(76,82,99)
```
#464e69
```
#464e69 rgb(70,78,105)
```
#3f4b70
```
#3f4b70 rgb(63,75,112)
```
#384877
```
#384877 rgb(56,72,119)
```
#32447d
```
#32447d rgb(50,68,125)
```
#2b4184
```
#2b4184 rgb(43,65,132)
```
#243d8b
```
#243d8b rgb(36,61,139)
```
#1d3a92
```
#1d3a92 rgb(29,58,146)
```
#173698
```
#173698 rgb(23,54,152)
```
#10339f
```
#10339f rgb(16,51,159)
```
#0930a6
```
#0930a6 rgb(9,48,166)
```
#022cad
```
#022cad rgb(2,44,173)
```

Tone Color Variation

Below, you can see how #3f4b70 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
#494c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495477 Protanopia 1% of men
#475477 Deuteranopia 1% of men
#41595f Tritanopia 0.001% of the population

Trichromacy

#455074 Protanomaly 1% of men, 0.01% of women
#445174 Deuteranomaly 6% of men, 0.4% of women
#405465 Tritanomaly 0.01% of the population

#3f4b70 hex color

#3f4b70 Color Information

#3f4b70 Color Conversion

Color Schemes with #3f4b70

Alternatives to #3f4b70

#3f4b70 Preview

Shades and Tints of #3f4b70

Tones of #3f4b70

Color Blindness Simulator