#3f4a97 hex color

In a RGB color space, hex #3f4a97 is composed of 24.7% red, 29% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 51% magenta, 0% yellow and 40.8% black. It has a hue angle of 232.5 degrees, a saturation of 41.1% and a lightness of 42%. #3f4a97 color hex could be obtained by blending #7e94ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 29
- B 59
RGB color chart
- C 58
- M 51
- Y 0
- K 41
CMYK color chart

● #3f4a97 color description : Dark moderate blue.

The hexadecimal color #3f4a97 has RGB values of R:63, G:74, B:151 and CMYK values of C:0.58, M:0.51, Y:0, K:0.41. Its decimal value is 4147863.

Hex triplet	3f4a97	`#3f4a97`
RGB Decimal	63, 74, 151	`rgb(63,74,151)`
RGB Percent	24.7, 29, 59.2	`rgb(24.7%,29%,59.2%)`
CMYK	58, 51, 0, 41
HSL	232.5°, 41.1, 42	`hsl(232.5,41.1%,42%)`
HSV (or HSB)	232.5°, 58.3, 59.2
Web Safe	333399	`#333399`

CIE-LAB	34.372, 19.577, -43.763
XYZ	10.083, 8.188, 30.326
xyY	0.207, 0.168, 8.188
CIE-LCH	34.372, 47.942, 294.101
CIE-LUV	34.372, -7.902, -62.188
Hunter-Lab	28.615, 12.824, -42.804
Binary	00111111, 01001010, 10010111

#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#978c3f
```
#978c3f rgb(151,140,63)
```

Complementary Color

#3f7697
```
#3f7697 rgb(63,118,151)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#603f97
```
#603f97 rgb(96,63,151)
```

Analogous Color

#76973f
```
#76973f rgb(118,151,63)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#97603f
```
#97603f rgb(151,96,63)
```

Split Complementary Color

#4a973f
```
#4a973f rgb(74,151,63)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#973f4a
```
#973f4a rgb(151,63,74)
```

Triadic Color

#3f978c
```
#3f978c rgb(63,151,140)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#973f4a
```
#973f4a rgb(151,63,74)
```
#978c3f
```
#978c3f rgb(151,140,63)
```

Tetradic Color

#283061
```
#283061 rgb(40,48,97)
```
#303873
```
#303873 rgb(48,56,115)
```
#374185
```
#374185 rgb(55,65,133)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#4753a9
```
#4753a9 rgb(71,83,169)
```
#525fb7
```
#525fb7 rgb(82,95,183)
```
#646fbe
```
#646fbe rgb(100,111,190)
```

Monochromatic Color

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

#3f6097
```
#3f6097 rgb(63,96,151)
```
#3f5997
```
#3f5997 rgb(63,89,151)
```
#3f5197
```
#3f5197 rgb(63,81,151)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#3f4397
```
#3f4397 rgb(63,67,151)
```
#433f97
```
#433f97 rgb(67,63,151)
```
#4a3f97
```
#4a3f97 rgb(74,63,151)
```

Similar Colors

Text with hexadecimal color #3f4a97

This text has a font color of #3f4a97.

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

#3f4a97 background color

This paragraph has a background color of #3f4a97.

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

#3f4a97 border color

This element has a border color of #3f4a97.

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

CSS codes

.text {color:#3f4a97;}

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

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

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

#05060d
```
#05060d rgb(5,6,13)
```
#0b0d1a
```
#0b0d1a rgb(11,13,26)
```
#111428
```
#111428 rgb(17,20,40)
```
#171b36
```
#171b36 rgb(23,27,54)
```
#1c2144
```
#1c2144 rgb(28,33,68)
```
#222852
```
#222852 rgb(34,40,82)
```
#282f60
```
#282f60 rgb(40,47,96)
```
#2e366d
```
#2e366d rgb(46,54,109)
```
#333c7b
```
#333c7b rgb(51,60,123)
```
#394389
```
#394389 rgb(57,67,137)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#4551a5
```
#4551a5 rgb(69,81,165)
```
#4b58b3
```
#4b58b3 rgb(75,88,179)
```

Shade Color Variation

#5864b9
```
#5864b9 rgb(88,100,185)
```
#6671bf
```
#6671bf rgb(102,113,191)
```
#737ec5
```
#737ec5 rgb(115,126,197)
```
#818acb
```
#818acb rgb(129,138,203)
```
#8f97d0
```
#8f97d0 rgb(143,151,208)
```
#9da4d6
```
#9da4d6 rgb(157,164,214)
```
#abb1dc
```
#abb1dc rgb(171,177,220)
```
#b9bee2
```
#b9bee2 rgb(185,190,226)
```
#c6cbe7
```
#c6cbe7 rgb(198,203,231)
```
#d4d7ed
```
#d4d7ed rgb(212,215,237)
```
#e2e4f3
```
#e2e4f3 rgb(226,228,243)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68696e is the less saturated color, while #051fd1 is the most saturated one.

#68696e
```
#68696e rgb(104,105,110)
```
#606376
```
#606376 rgb(96,99,118)
```
#585d7e
```
#585d7e rgb(88,93,126)
```
#4f5687
```
#4f5687 rgb(79,86,135)
```
#47508f
```
#47508f rgb(71,80,143)
```
#3f4a97
```
#3f4a97 rgb(63,74,151)
```
#37449f
```
#37449f rgb(55,68,159)
```
#2f3ea7
```
#2f3ea7 rgb(47,62,167)
```
#2637b0
```
#2637b0 rgb(38,55,176)
```
#1e31b8
```
#1e31b8 rgb(30,49,184)
```
#162bc0
```
#162bc0 rgb(22,43,192)
```
#0e25c8
```
#0e25c8 rgb(14,37,200)
```
#051fd1
```
#051fd1 rgb(5,31,209)
```

Tone Color Variation

Below, you can see how #3f4a97 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
#4c4e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d57a0 Protanopia 1% of men
#005b98 Deuteranopia 1% of men
#2d6067 Tritanopia 0.001% of the population

Trichromacy

#33529c Protanomaly 1% of men, 0.01% of women
#165597 Deuteranomaly 6% of men, 0.4% of women
#335879 Tritanomaly 0.01% of the population

#3f4a97 hex color

#3f4a97 Color Information

#3f4a97 Color Conversion

Color Schemes with #3f4a97

Alternatives to #3f4a97

#3f4a97 Preview

Shades and Tints of #3f4a97

Tones of #3f4a97

Color Blindness Simulator