#3f3caa hex color

In a RGB color space, hex #3f3caa is composed of 24.7% red, 23.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 64.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 241.6 degrees, a saturation of 47.8% and a lightness of 45.1%. #3f3caa color hex could be obtained by blending #7e78ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 24
- B 67
RGB color chart
- C 63
- M 65
- Y 0
- K 33
CMYK color chart

● #3f3caa color description : Dark moderate blue.

The hexadecimal color #3f3caa has RGB values of R:63, G:60, B:170 and CMYK values of C:0.63, M:0.65, Y:0, K:0.33. Its decimal value is 4144298.

Hex triplet	3f3caa	`#3f3caa`
RGB Decimal	63, 60, 170	`rgb(63,60,170)`
RGB Percent	24.7, 23.5, 66.7	`rgb(24.7%,23.5%,66.7%)`
CMYK	63, 65, 0, 33
HSL	241.6°, 47.8, 45.1	`hsl(241.6,47.8%,45.1%)`
HSV (or HSB)	241.6°, 64.7, 66.7
Web Safe	333399	`#333399`

CIE-LAB	32.236, 35.156, -58.676
XYZ	10.92, 7.19, 38.84
xyY	0.192, 0.126, 7.19
CIE-LCH	32.236, 68.402, 300.928
CIE-LUV	32.236, -5.113, -81.01
Hunter-Lab	26.815, 25.767, -67.11
Binary	00111111, 00111100, 10101010

#3f3caa
```
#3f3caa rgb(63,60,170)
```
#a7aa3c
```
#a7aa3c rgb(167,170,60)
```

Complementary Color

#3c70aa
```
#3c70aa rgb(60,112,170)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#763caa
```
#763caa rgb(118,60,170)
```

Analogous Color

#70aa3c
```
#70aa3c rgb(112,170,60)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#aa763c
```
#aa763c rgb(170,118,60)
```

Split Complementary Color

#3caa3f
```
#3caa3f rgb(60,170,63)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#aa3f3c
```
#aa3f3c rgb(170,63,60)
```

Triadic Color

#3ca7aa
```
#3ca7aa rgb(60,167,170)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#aa3f3c
```
#aa3f3c rgb(170,63,60)
```
#a7aa3c
```
#a7aa3c rgb(167,170,60)
```

Tetradic Color

#2a2871
```
#2a2871 rgb(42,40,113)
```
#312f84
```
#312f84 rgb(49,47,132)
```
#383597
```
#383597 rgb(56,53,151)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#4643bd
```
#4643bd rgb(70,67,189)
```
#5956c3
```
#5956c3 rgb(89,86,195)
```
#6b69ca
```
#6b69ca rgb(107,105,202)
```

Monochromatic Color

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

#3c55aa
```
#3c55aa rgb(60,85,170)
```
#3c4baa
```
#3c4baa rgb(60,75,170)
```
#3c42aa
```
#3c42aa rgb(60,66,170)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#483caa
```
#483caa rgb(72,60,170)
```
#513caa
```
#513caa rgb(81,60,170)
```
#5b3caa
```
#5b3caa rgb(91,60,170)
```

Similar Colors

Text with hexadecimal color #3f3caa

This text has a font color of #3f3caa.

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

#3f3caa background color

This paragraph has a background color of #3f3caa.

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

#3f3caa border color

This element has a border color of #3f3caa.

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

CSS codes

.text {color:#3f3caa;}

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

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

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

#04040b
```
#04040b rgb(4,4,11)
```
#090919
```
#090919 rgb(9,9,25)
```
#0f0e28
```
#0f0e28 rgb(15,14,40)
```
#141336
```
#141336 rgb(20,19,54)
```
#191845
```
#191845 rgb(25,24,69)
```
#1f1d53
```
#1f1d53 rgb(31,29,83)
```
#242262
```
#242262 rgb(36,34,98)
```
#2a2870
```
#2a2870 rgb(42,40,112)
```
#2f2d7f
```
#2f2d7f rgb(47,45,127)
```
#34328d
```
#34328d rgb(52,50,141)
```
#3a379c
```
#3a379c rgb(58,55,156)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#4441b8
```
#4441b8 rgb(68,65,184)
```

Shade Color Variation

#504dc0
```
#504dc0 rgb(80,77,192)
```
#5e5cc5
```
#5e5cc5 rgb(94,92,197)
```
#6d6aca
```
#6d6aca rgb(109,106,202)
```
#7b79d0
```
#7b79d0 rgb(123,121,208)
```
#8987d5
```
#8987d5 rgb(137,135,213)
```
#9796da
```
#9796da rgb(151,150,218)
```
#a6a4df
```
#a6a4df rgb(166,164,223)
```
#b4b3e4
```
#b4b3e4 rgb(180,179,228)
```
#c2c1e9
```
#c2c1e9 rgb(194,193,233)
```
#d0d0ee
```
#d0d0ee rgb(208,208,238)
```
#dfdef3
```
#dfdef3 rgb(223,222,243)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#717175
```
#717175 rgb(113,113,117)
```
#69687e
```
#69687e rgb(105,104,126)
```
#605f87
```
#605f87 rgb(96,95,135)
```
#58578f
```
#58578f rgb(88,87,143)
```
#504e98
```
#504e98 rgb(80,78,152)
```
#4745a1
```
#4745a1 rgb(71,69,161)
```
#3f3caa
```
#3f3caa rgb(63,60,170)
```
#3733b3
```
#3733b3 rgb(55,51,179)
```
#2e2abc
```
#2e2abc rgb(46,42,188)
```
#2621c5
```
#2621c5 rgb(38,33,197)
```
#1e19cd
```
#1e19cd rgb(30,25,205)
```
#1510d6
```
#1510d6 rgb(21,16,214)
```
#0d07df
```
#0d07df rgb(13,7,223)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#47465c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#005d64 Tritanopia 0.001% of the population

Trichromacy

#164aa4 Protanomaly 1% of men, 0.01% of women
#164d97 Deuteranomaly 6% of men, 0.4% of women
#16517d Tritanomaly 0.01% of the population

#3f3caa hex color

#3f3caa Color Information

#3f3caa Color Conversion

Color Schemes with #3f3caa

Alternatives to #3f3caa

#3f3caa Preview

Shades and Tints of #3f3caa

Tones of #3f3caa

Color Blindness Simulator