#3f3bc6 hex color

In a RGB color space, hex #3f3bc6 is composed of 24.7% red, 23.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 70.2% magenta, 0% yellow and 22.4% black. It has a hue angle of 241.7 degrees, a saturation of 54.9% and a lightness of 50.4%. #3f3bc6 color hex could be obtained by blending #7e76ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 23
- B 78
RGB color chart
- C 68
- M 70
- Y 0
- K 22
CMYK color chart

● #3f3bc6 color description : Moderate blue.

The hexadecimal color #3f3bc6 has RGB values of R:63, G:59, B:198 and CMYK values of C:0.68, M:0.7, Y:0, K:0.22. Its decimal value is 4144070.

Hex triplet	3f3bc6	`#3f3bc6`
RGB Decimal	63, 59, 198	`rgb(63,59,198)`
RGB Percent	24.7, 23.1, 77.6	`rgb(24.7%,23.1%,77.6%)`
CMYK	68, 70, 0, 22
HSL	241.7°, 54.9, 50.4	`hsl(241.7,54.9%,50.4%)`
HSV (or HSB)	241.7°, 70.2, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.521, 45.063, -71.488
XYZ	13.805, 8.261, 54.29
xyY	0.181, 0.108, 8.261
CIE-LCH	34.521, 84.505, 302.226
CIE-LUV	34.521, -6.345, -99.174
Hunter-Lab	28.742, 35.434, -91.871
Binary	00111111, 00111011, 11000110

#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#c2c63b
```
#c2c63b rgb(194,198,59)
```

Complementary Color

#3b7dc6
```
#3b7dc6 rgb(59,125,198)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#853bc6
```
#853bc6 rgb(133,59,198)
```

Analogous Color

#7dc63b
```
#7dc63b rgb(125,198,59)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#c6853b
```
#c6853b rgb(198,133,59)
```

Split Complementary Color

#3bc63f
```
#3bc63f rgb(59,198,63)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#c63f3b
```
#c63f3b rgb(198,63,59)
```

Triadic Color

#3bc2c6
```
#3bc2c6 rgb(59,194,198)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#c63f3b
```
#c63f3b rgb(198,63,59)
```
#c2c63b
```
#c2c63b rgb(194,198,59)
```

Tetradic Color

#2c298c
```
#2c298c rgb(44,41,140)
```
#322ea0
```
#322ea0 rgb(50,46,160)
```
#3834b3
```
#3834b3 rgb(56,52,179)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#524fcc
```
#524fcc rgb(82,79,204)
```
#6663d1
```
#6663d1 rgb(102,99,209)
```
#7976d7
```
#7976d7 rgb(121,118,215)
```

Monochromatic Color

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

#3b5ac6
```
#3b5ac6 rgb(59,90,198)
```
#3b4ec6
```
#3b4ec6 rgb(59,78,198)
```
#3b43c6
```
#3b43c6 rgb(59,67,198)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#4b3bc6
```
#4b3bc6 rgb(75,59,198)
```
#563bc6
```
#563bc6 rgb(86,59,198)
```
#623bc6
```
#623bc6 rgb(98,59,198)
```

Similar Colors

Text with hexadecimal color #3f3bc6

This text has a font color of #3f3bc6.

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

#3f3bc6 background color

This paragraph has a background color of #3f3bc6.

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

#3f3bc6 border color

This element has a border color of #3f3bc6.

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

CSS codes

.text {color:#3f3bc6;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#050511
```
#050511 rgb(5,5,17)
```
#0a0920
```
#0a0920 rgb(10,9,32)
```
#0f0e2f
```
#0f0e2f rgb(15,14,47)
```
#13123e
```
#13123e rgb(19,18,62)
```
#18174e
```
#18174e rgb(24,23,78)
```
#1d1b5d
```
#1d1b5d rgb(29,27,93)
```
#221f6c
```
#221f6c rgb(34,31,108)
```
#26247b
```
#26247b rgb(38,36,123)
```
#2b288a
```
#2b288a rgb(43,40,138)
```
#302d9a
```
#302d9a rgb(48,45,154)
```
#3531a9
```
#3531a9 rgb(53,49,169)
```
#3935b8
```
#3935b8 rgb(57,53,184)
```

Shade Color Variation

#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#4e4aca
```
#4e4aca rgb(78,74,202)
```
#5d59cf
```
#5d59cf rgb(93,89,207)
```
#6c69d3
```
#6c69d3 rgb(108,105,211)
```
#7b78d8
```
#7b78d8 rgb(123,120,216)
```
#8987dc
```
#8987dc rgb(137,135,220)
```
#9896e1
```
#9896e1 rgb(152,150,225)
```
#a7a5e5
```
#a7a5e5 rgb(167,165,229)
```
#b6b5e9
```
#b6b5e9 rgb(182,181,233)
```
#c5c4ee
```
#c5c4ee rgb(197,196,238)
```
#d4d3f2
```
#d4d3f2 rgb(212,211,242)
```
#e3e2f7
```
#e3e2f7 rgb(227,226,247)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f82 is the less saturated color, while #110af7 is the most saturated one.

#7f7f82
```
#7f7f82 rgb(127,127,130)
```
#76758c
```
#76758c rgb(118,117,140)
```
#6d6c95
```
#6d6c95 rgb(109,108,149)
```
#64629f
```
#64629f rgb(100,98,159)
```
#5b58a9
```
#5b58a9 rgb(91,88,169)
```
#514eb3
```
#514eb3 rgb(81,78,179)
```
#4845bc
```
#4845bc rgb(72,69,188)
```
#3f3bc6
```
#3f3bc6 rgb(63,59,198)
```
#3631d0
```
#3631d0 rgb(54,49,208)
```
#2d28d9
```
#2d28d9 rgb(45,40,217)
```
#231ee3
```
#231ee3 rgb(35,30,227)
```
#1a14ed
```
#1a14ed rgb(26,20,237)
```
#110af7
```
#110af7 rgb(17,10,247)
```

Tone Color Variation

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

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#164db4 Protanomaly 1% of men, 0.01% of women
#1650a6 Deuteranomaly 6% of men, 0.4% of women
#16548a Tritanomaly 0.01% of the population

#3f3bc6 hex color

#3f3bc6 Color Information

#3f3bc6 Color Conversion

Color Schemes with #3f3bc6

Alternatives to #3f3bc6

#3f3bc6 Preview

Shades and Tints of #3f3bc6

Tones of #3f3bc6

Color Blindness Simulator