#3f3c96 hex color

In a RGB color space, hex #3f3c96 is composed of 24.7% red, 23.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 60% magenta, 0% yellow and 41.2% black. It has a hue angle of 242 degrees, a saturation of 42.9% and a lightness of 41.2%. #3f3c96 color hex could be obtained by blending #7e78ff with #00002d. Closest websafe color is: #333399.

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

● #3f3c96 color description : Dark moderate blue.

The hexadecimal color #3f3c96 has RGB values of R:63, G:60, B:150 and CMYK values of C:0.58, M:0.6, Y:0, K:0.41. Its decimal value is 4144278.

Hex triplet	3f3c96	`#3f3c96`
RGB Decimal	63, 60, 150	`rgb(63,60,150)`
RGB Percent	24.7, 23.5, 58.8	`rgb(24.7%,23.5%,58.8%)`
CMYK	58, 60, 0, 41
HSL	242°, 42.9, 41.2	`hsl(242,42.9%,41.2%)`
HSV (or HSB)	242°, 60, 58.8
Web Safe	333399	`#333399`

CIE-LAB	30.617, 28.386, -49.219
XYZ	9.17, 6.49, 29.622
xyY	0.203, 0.143, 6.49
CIE-LCH	30.617, 56.818, 299.973
CIE-LUV	30.617, -4.027, -67.419
Hunter-Lab	25.476, 19.666, -51.107
Binary	00111111, 00111100, 10010110

#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#93963c
```
#93963c rgb(147,150,60)
```

Complementary Color

#3c6696
```
#3c6696 rgb(60,102,150)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#6c3c96
```
#6c3c96 rgb(108,60,150)
```

Analogous Color

#66963c
```
#66963c rgb(102,150,60)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#966c3c
```
#966c3c rgb(150,108,60)
```

Split Complementary Color

#3c963f
```
#3c963f rgb(60,150,63)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#963f3c
```
#963f3c rgb(150,63,60)
```

Triadic Color

#3c9396
```
#3c9396 rgb(60,147,150)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#963f3c
```
#963f3c rgb(150,63,60)
```
#93963c
```
#93963c rgb(147,150,60)
```

Tetradic Color

#28265f
```
#28265f rgb(40,38,95)
```
#302d72
```
#302d72 rgb(48,45,114)
```
#373584
```
#373584 rgb(55,53,132)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#4743a8
```
#4743a8 rgb(71,67,168)
```
#514db8
```
#514db8 rgb(81,77,184)
```
#635fbf
```
#635fbf rgb(99,95,191)
```

Monochromatic Color

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

#3c4f96
```
#3c4f96 rgb(60,79,150)
```
#3c4896
```
#3c4896 rgb(60,72,150)
```
#3c4096
```
#3c4096 rgb(60,64,150)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#473c96
```
#473c96 rgb(71,60,150)
```
#4e3c96
```
#4e3c96 rgb(78,60,150)
```
#563c96
```
#563c96 rgb(86,60,150)
```

Similar Colors

Text with hexadecimal color #3f3c96

This text has a font color of #3f3c96.

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

#3f3c96 background color

This paragraph has a background color of #3f3c96.

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

#3f3c96 border color

This element has a border color of #3f3c96.

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

CSS codes

.text {color:#3f3c96;}

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

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#0a0a18
```
#0a0a18 rgb(10,10,24)
```
#100f26
```
#100f26 rgb(16,15,38)
```
#161534
```
#161534 rgb(22,21,52)
```
#1c1a42
```
#1c1a42 rgb(28,26,66)
```
#222050
```
#222050 rgb(34,32,80)
```
#27265e
```
#27265e rgb(39,38,94)
```
#2d2b6c
```
#2d2b6c rgb(45,43,108)
```
#33317a
```
#33317a rgb(51,49,122)
```
#393688
```
#393688 rgb(57,54,136)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#4542a4
```
#4542a4 rgb(69,66,164)
```
#4b47b2
```
#4b47b2 rgb(75,71,178)
```

Shade Color Variation

#5653ba
```
#5653ba rgb(86,83,186)
```
#6461c0
```
#6461c0 rgb(100,97,192)
```
#726fc5
```
#726fc5 rgb(114,111,197)
```
#7f7dcb
```
#7f7dcb rgb(127,125,203)
```
#8d8bd1
```
#8d8bd1 rgb(141,139,209)
```
#9b99d6
```
#9b99d6 rgb(155,153,214)
```
#a9a7dc
```
#a9a7dc rgb(169,167,220)
```
#b6b5e1
```
#b6b5e1 rgb(182,181,225)
```
#c4c3e7
```
#c4c3e7 rgb(196,195,231)
```
#d2d1ed
```
#d2d1ed rgb(210,209,237)
```
#e0dff2
```
#e0dff2 rgb(224,223,242)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#65646e
```
#65646e rgb(101,100,110)
```
#5d5c76
```
#5d5c76 rgb(93,92,118)
```
#56547e
```
#56547e rgb(86,84,126)
```
#4e4c86
```
#4e4c86 rgb(78,76,134)
```
#47448e
```
#47448e rgb(71,68,142)
```
#3f3c96
```
#3f3c96 rgb(63,60,150)
```
#37349e
```
#37349e rgb(55,52,158)
```
#302ca6
```
#302ca6 rgb(48,44,166)
```
#2824ae
```
#2824ae rgb(40,36,174)
```
#211cb6
```
#211cb6 rgb(33,28,182)
```
#1914be
```
#1914be rgb(25,20,190)
```
#120cc6
```
#120cc6 rgb(18,12,198)
```
#0a03cf
```
#0a03cf rgb(10,3,207)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#454557 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005388 Deuteranopia 1% of men
#28575e Tritanopia 0.001% of the population

Trichromacy

#164899 Protanomaly 1% of men, 0.01% of women
#164a8d Deuteranomaly 6% of men, 0.4% of women
#304d72 Tritanomaly 0.01% of the population

#3f3c96 hex color

#3f3c96 Color Information

#3f3c96 Color Conversion

Color Schemes with #3f3c96

Alternatives to #3f3c96

#3f3c96 Preview

Shades and Tints of #3f3c96

Tones of #3f3c96

Color Blindness Simulator