#3f3b82 hex color

In a RGB color space, hex #3f3b82 is composed of 24.7% red, 23.1% green and 51% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 54.6% magenta, 0% yellow and 49% black. It has a hue angle of 243.4 degrees, a saturation of 37.6% and a lightness of 37.1%. #3f3b82 color hex could be obtained by blending #7e76ff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 23
- B 51
RGB color chart
- C 52
- M 55
- Y 0
- K 49
CMYK color chart

● #3f3b82 color description : Dark moderate blue.

The hexadecimal color #3f3b82 has RGB values of R:63, G:59, B:130 and CMYK values of C:0.52, M:0.55, Y:0, K:0.49. Its decimal value is 4144002.

Hex triplet	3f3b82	`#3f3b82`
RGB Decimal	63, 59, 130	`rgb(63,59,130)`
RGB Percent	24.7, 23.1, 51	`rgb(24.7%,23.1%,51%)`
CMYK	52, 55, 0, 49
HSL	243.4°, 37.6, 37.1	`hsl(243.4,37.6%,37.1%)`
HSV (or HSB)	243.4°, 54.6, 51
Web Safe	333399	`#333399`

CIE-LAB	28.892, 22.306, -39.663
XYZ	7.642, 5.796, 21.834
xyY	0.217, 0.164, 5.796
CIE-LCH	28.892, 45.505, 299.353
CIE-LUV	28.892, -2.586, -53.515
Hunter-Lab	24.075, 14.531, -36.918
Binary	00111111, 00111011, 10000010

#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#7e823b
```
#7e823b rgb(126,130,59)
```

Complementary Color

#3b5a82
```
#3b5a82 rgb(59,90,130)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#633b82
```
#633b82 rgb(99,59,130)
```

Analogous Color

#5a823b
```
#5a823b rgb(90,130,59)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#82633b
```
#82633b rgb(130,99,59)
```

Split Complementary Color

#3b823f
```
#3b823f rgb(59,130,63)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#823f3b
```
#823f3b rgb(130,63,59)
```

Triadic Color

#3b7e82
```
#3b7e82 rgb(59,126,130)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#823f3b
```
#823f3b rgb(130,63,59)
```
#7e823b
```
#7e823b rgb(126,130,59)
```

Tetradic Color

#26234d
```
#26234d rgb(38,35,77)
```
#2e2b5f
```
#2e2b5f rgb(46,43,95)
```
#373370
```
#373370 rgb(55,51,112)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#484394
```
#484394 rgb(72,67,148)
```
#504ba5
```
#504ba5 rgb(80,75,165)
```
#5c57b3
```
#5c57b3 rgb(92,87,179)
```

Monochromatic Color

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

#3b4982
```
#3b4982 rgb(59,73,130)
```
#3b4382
```
#3b4382 rgb(59,67,130)
```
#3b3d82
```
#3b3d82 rgb(59,61,130)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#453b82
```
#453b82 rgb(69,59,130)
```
#4b3b82
```
#4b3b82 rgb(75,59,130)
```
#513b82
```
#513b82 rgb(81,59,130)
```

Similar Colors

Text with hexadecimal color #3f3b82

This text has a font color of #3f3b82.

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

#3f3b82 background color

This paragraph has a background color of #3f3b82.

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

#3f3b82 border color

This element has a border color of #3f3b82.

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

CSS codes

.text {color:#3f3b82;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0b0a16
```
#0b0a16 rgb(11,10,22)
```
#111024
```
#111024 rgb(17,16,36)
```
#181631
```
#181631 rgb(24,22,49)
```
#1e1c3f
```
#1e1c3f rgb(30,28,63)
```
#25234c
```
#25234c rgb(37,35,76)
```
#2b295a
```
#2b295a rgb(43,41,90)
```
#322f67
```
#322f67 rgb(50,47,103)
```
#383575
```
#383575 rgb(56,53,117)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#46418f
```
#46418f rgb(70,65,143)
```
#4c479d
```
#4c479d rgb(76,71,157)
```
#534daa
```
#534daa rgb(83,77,170)
```

Shade Color Variation

#5d58b3
```
#5d58b3 rgb(93,88,179)
```
#6a66b9
```
#6a66b9 rgb(106,102,185)
```
#7773c0
```
#7773c0 rgb(119,115,192)
```
#8581c6
```
#8581c6 rgb(133,129,198)
```
#928ecc
```
#928ecc rgb(146,142,204)
```
#9f9cd2
```
#9f9cd2 rgb(159,156,210)
```
#aca9d8
```
#aca9d8 rgb(172,169,216)
```
#b9b7de
```
#b9b7de rgb(185,183,222)
```
#c6c4e4
```
#c6c4e4 rgb(198,196,228)
```
#d3d2ea
```
#d3d2ea rgb(211,210,234)
```
#e0dff1
```
#e0dff1 rgb(224,223,241)
```
#ededf7
```
#ededf7 rgb(237,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#595865
```
#595865 rgb(89,88,101)
```
#52516c
```
#52516c rgb(82,81,108)
```
#4c4a73
```
#4c4a73 rgb(76,74,115)
```
#45427b
```
#45427b rgb(69,66,123)
```
#3f3b82
```
#3f3b82 rgb(63,59,130)
```
#393489
```
#393489 rgb(57,52,137)
```
#322c91
```
#322c91 rgb(50,44,145)
```
#2c2598
```
#2c2598 rgb(44,37,152)
```
#251e9f
```
#251e9f rgb(37,30,159)
```
#1f17a6
```
#1f17a6 rgb(31,23,166)
```
#180fae
```
#180fae rgb(24,15,174)
```
#1208b5
```
#1208b5 rgb(18,8,181)
```
#0b01bc
```
#0b01bc rgb(11,1,188)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#434250 Atypical Achromatopsia 0.001% of the population

Dichromacy

#204b8e Protanopia 1% of men
#004f83 Deuteranopia 1% of men
#365258 Tritanopia 0.001% of the population

Trichromacy

#2b4589 Protanomaly 1% of men, 0.01% of women
#164783 Deuteranomaly 6% of men, 0.4% of women
#394967 Tritanomaly 0.01% of the population

#3f3b82 hex color

#3f3b82 Color Information

#3f3b82 Color Conversion

Color Schemes with #3f3b82

Alternatives to #3f3b82

#3f3b82 Preview

Shades and Tints of #3f3b82

Tones of #3f3b82

Color Blindness Simulator