#3f3dc2 hex color

In a RGB color space, hex #3f3dc2 is composed of 24.7% red, 23.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 68.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 240.9 degrees, a saturation of 52.2% and a lightness of 50%. #3f3dc2 color hex could be obtained by blending #7e7aff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 24
- B 76
RGB color chart
- C 68
- M 69
- Y 0
- K 24
CMYK color chart

● #3f3dc2 color description : Moderate blue.

The hexadecimal color #3f3dc2 has RGB values of R:63, G:61, B:194 and CMYK values of C:0.68, M:0.69, Y:0, K:0.24. Its decimal value is 4144578.

Hex triplet	3f3dc2	`#3f3dc2`
RGB Decimal	63, 61, 194	`rgb(63,61,194)`
RGB Percent	24.7, 23.9, 76.1	`rgb(24.7%,23.9%,76.1%)`
CMYK	68, 69, 0, 24
HSL	240.9°, 52.2, 50	`hsl(240.9,52.2%,50%)`
HSV (or HSB)	240.9°, 68.6, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.577, 42.578, -69.056
XYZ	13.454, 8.289, 51.927
xyY	0.183, 0.113, 8.289
CIE-LCH	34.577, 81.127, 301.657
CIE-LUV	34.577, -6.525, -96.295
Hunter-Lab	28.79, 33.036, -86.785
Binary	00111111, 00111101, 11000010

#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#c0c23d
```
#c0c23d rgb(192,194,61)
```

Complementary Color

#3d7ec2
```
#3d7ec2 rgb(61,126,194)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#823dc2
```
#823dc2 rgb(130,61,194)
```

Analogous Color

#7ec23d
```
#7ec23d rgb(126,194,61)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#c2823d
```
#c2823d rgb(194,130,61)
```

Split Complementary Color

#3dc23f
```
#3dc23f rgb(61,194,63)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#c23f3d
```
#c23f3d rgb(194,63,61)
```

Triadic Color

#3dc0c2
```
#3dc0c2 rgb(61,192,194)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#c23f3d
```
#c23f3d rgb(194,63,61)
```
#c0c23d
```
#c0c23d rgb(192,194,61)
```

Tetradic Color

#2c2b88
```
#2c2b88 rgb(44,43,136)
```
#32319b
```
#32319b rgb(50,49,155)
```
#3937af
```
#3937af rgb(57,55,175)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#5250c8
```
#5250c8 rgb(82,80,200)
```
#6564ce
```
#6564ce rgb(101,100,206)
```
#7977d4
```
#7977d4 rgb(121,119,212)
```

Monochromatic Color

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

#3d5cc2
```
#3d5cc2 rgb(61,92,194)
```
#3d51c2
```
#3d51c2 rgb(61,81,194)
```
#3d46c2
```
#3d46c2 rgb(61,70,194)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#4a3dc2
```
#4a3dc2 rgb(74,61,194)
```
#553dc2
```
#553dc2 rgb(85,61,194)
```
#603dc2
```
#603dc2 rgb(96,61,194)
```

Similar Colors

Text with hexadecimal color #3f3dc2

This text has a font color of #3f3dc2.

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

#3f3dc2 background color

This paragraph has a background color of #3f3dc2.

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

#3f3dc2 border color

This element has a border color of #3f3dc2.

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

CSS codes

.text {color:#3f3dc2;}

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

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

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, #05050f is the darkest color, while #ffffff is the lightest one.

#05050f
```
#05050f rgb(5,5,15)
```
#0a091e
```
#0a091e rgb(10,9,30)
```
#0f0e2d
```
#0f0e2d rgb(15,14,45)
```
#13133c
```
#13133c rgb(19,19,60)
```
#18174b
```
#18174b rgb(24,23,75)
```
#1d1c5a
```
#1d1c5a rgb(29,28,90)
```
#222168
```
#222168 rgb(34,33,104)
```
#272677
```
#272677 rgb(39,38,119)
```
#2c2a86
```
#2c2a86 rgb(44,42,134)
```
#302f95
```
#302f95 rgb(48,47,149)
```
#3534a4
```
#3534a4 rgb(53,52,164)
```
#3a38b3
```
#3a38b3 rgb(58,56,179)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```

Shade Color Variation

#4e4cc7
```
#4e4cc7 rgb(78,76,199)
```
#5d5bcb
```
#5d5bcb rgb(93,91,203)
```
#6b6ad0
```
#6b6ad0 rgb(107,106,208)
```
#7a79d5
```
#7a79d5 rgb(122,121,213)
```
#8988d9
```
#8988d9 rgb(137,136,217)
```
#9897de
```
#9897de rgb(152,151,222)
```
#a6a5e3
```
#a6a5e3 rgb(166,165,227)
```
#b5b4e8
```
#b5b4e8 rgb(181,180,232)
```
#c4c3ec
```
#c4c3ec rgb(196,195,236)
```
#d3d2f1
```
#d3d2f1 rgb(211,210,241)
```
#e1e1f6
```
#e1e1f6 rgb(225,225,246)
```
#f0f0fa
```
#f0f0fa rgb(240,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#787887
```
#787887 rgb(120,120,135)
```
#6f6e91
```
#6f6e91 rgb(111,110,145)
```
#65649b
```
#65649b rgb(101,100,155)
```
#5c5aa5
```
#5c5aa5 rgb(92,90,165)
```
#5251ae
```
#5251ae rgb(82,81,174)
```
#4947b8
```
#4947b8 rgb(73,71,184)
```
#3f3dc2
```
#3f3dc2 rgb(63,61,194)
```
#3533cc
```
#3533cc rgb(53,51,204)
```
#2c29d6
```
#2c29d6 rgb(44,41,214)
```
#2220df
```
#2220df rgb(34,32,223)
```
#1916e9
```
#1916e9 rgb(25,22,233)
```
#0f0cf3
```
#0f0cf3 rgb(15,12,243)
```
#0602fd
```
#0602fd rgb(6,2,253)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4a4a64 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

#164eb3 Protanomaly 1% of men, 0.01% of women
#1651a5 Deuteranomaly 6% of men, 0.4% of women
#165589 Tritanomaly 0.01% of the population

#3f3dc2 hex color

#3f3dc2 Color Information

#3f3dc2 Color Conversion

Color Schemes with #3f3dc2

Alternatives to #3f3dc2

#3f3dc2 Preview

Shades and Tints of #3f3dc2

Tones of #3f3dc2

Color Blindness Simulator