colorhexa.com

#3f3f83 hex color

In a RGB color space, hex #3f3f83 is composed of 24.7% red, 24.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 51.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 240 degrees, a saturation of 35.1% and a lightness of 38%. #3f3f83 color hex could be obtained by blending #7e7eff with #000007. Closest websafe color is: #333399.

- R 25
- G 25
- B 51
RGB color chart
- C 52
- M 52
- Y 0
- K 49
CMYK color chart

● #3f3f83 color description : Dark moderate blue.

The hexadecimal color #3f3f83 has RGB values of R:63, G:63, B:131 and CMYK values of C:0.52, M:0.52, Y:0, K:0.49. Its decimal value is 4145027.

Hex triplet	3f3f83	`#3f3f83`
RGB Decimal	63, 63, 131	`rgb(63,63,131)`
RGB Percent	24.7, 24.7, 51.4	`rgb(24.7%,24.7%,51.4%)`
CMYK	52, 52, 0, 49
HSL	240°, 35.1, 38	`hsl(240,35.1%,38%)`
HSV (or HSB)	240°, 51.9, 51.4
Web Safe	333399	`#333399`

CIE-LAB	30.035, 19.993, -38.45
XYZ	7.923, 6.25, 22.26
xyY	0.217, 0.172, 6.25
CIE-LCH	30.035, 43.337, 297.474
CIE-LUV	30.035, -3.788, -52.483
Hunter-Lab	25, 12.821, -35.292
Binary	00111111, 00111111, 10000011

#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#83833f
```
#83833f rgb(131,131,63)
```

Complementary Color

#3f6183
```
#3f6183 rgb(63,97,131)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#613f83
```
#613f83 rgb(97,63,131)
```

Analogous Color

#61833f
```
#61833f rgb(97,131,63)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#83613f
```
#83613f rgb(131,97,63)
```

Split Complementary Color

#3f833f
```
#3f833f rgb(63,131,63)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#833f3f
```
#833f3f rgb(131,63,63)
```

Triadic Color

#3f8383
```
#3f8383 rgb(63,131,131)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#833f3f
```
#833f3f rgb(131,63,63)
```
#83833f
```
#83833f rgb(131,131,63)
```

Tetradic Color

#26264f
```
#26264f rgb(38,38,79)
```
#2e2e61
```
#2e2e61 rgb(46,46,97)
```
#373772
```
#373772 rgb(55,55,114)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#474794
```
#474794 rgb(71,71,148)
```
#5050a5
```
#5050a5 rgb(80,80,165)
```
#5d5db1
```
#5d5db1 rgb(93,93,177)
```

Monochromatic Color

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

#3f5083
```
#3f5083 rgb(63,80,131)
```
#3f4a83
```
#3f4a83 rgb(63,74,131)
```
#3f4583
```
#3f4583 rgb(63,69,131)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#453f83
```
#453f83 rgb(69,63,131)
```
#4a3f83
```
#4a3f83 rgb(74,63,131)
```
#503f83
```
#503f83 rgb(80,63,131)
```

Similar Colors

Text with hexadecimal color #3f3f83

This text has a font color of #3f3f83.

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

#3f3f83 background color

This paragraph has a background color of #3f3f83.

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

#3f3f83 border color

This element has a border color of #3f3f83.

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

CSS codes

.text {color:#3f3f83;}

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

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

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, #06060c is the darkest color, while #fefefe is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0c0c19
```
#0c0c19 rgb(12,12,25)
```
#121226
```
#121226 rgb(18,18,38)
```
#191934
```
#191934 rgb(25,25,52)
```
#1f1f41
```
#1f1f41 rgb(31,31,65)
```
#26264e
```
#26264e rgb(38,38,78)
```
#2c2c5b
```
#2c2c5b rgb(44,44,91)
```
#323269
```
#323269 rgb(50,50,105)
```
#393976
```
#393976 rgb(57,57,118)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#454590
```
#454590 rgb(69,69,144)
```
#4c4c9d
```
#4c4c9d rgb(76,76,157)
```
#5252ab
```
#5252ab rgb(82,82,171)
```

Shade Color Variation

#5f5fb2
```
#5f5fb2 rgb(95,95,178)
```
#6c6cb8
```
#6c6cb8 rgb(108,108,184)
```
#7979bf
```
#7979bf rgb(121,121,191)
```
#8686c5
```
#8686c5 rgb(134,134,197)
```
#9494cb
```
#9494cb rgb(148,148,203)
```
#a1a1d2
```
#a1a1d2 rgb(161,161,210)
```
#aeaed8
```
#aeaed8 rgb(174,174,216)
```
#bbbbde
```
#bbbbde rgb(187,187,222)
```
#c9c9e5
```
#c9c9e5 rgb(201,201,229)
```
#d6d6eb
```
#d6d6eb rgb(214,214,235)
```
#e3e3f2
```
#e3e3f2 rgb(227,227,242)
```
#f0f0f8
```
#f0f0f8 rgb(240,240,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5d65 is the less saturated color, while #0303bf is the most saturated one.

#5d5d65
```
#5d5d65 rgb(93,93,101)
```
#55556d
```
#55556d rgb(85,85,109)
```
#4e4e74
```
#4e4e74 rgb(78,78,116)
```
#46467c
```
#46467c rgb(70,70,124)
```
#3f3f83
```
#3f3f83 rgb(63,63,131)
```
#38388a
```
#38388a rgb(56,56,138)
```
#303092
```
#303092 rgb(48,48,146)
```
#292999
```
#292999 rgb(41,41,153)
```
#2121a1
```
#2121a1 rgb(33,33,161)
```
#1a1aa8
```
#1a1aa8 rgb(26,26,168)
```
#1212b0
```
#1212b0 rgb(18,18,176)
```
#0b0bb7
```
#0b0bb7 rgb(11,11,183)
```
#0303bf
```
#0303bf rgb(3,3,191)
```

Tone Color Variation

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

Dichromacy

#2a4e8e Protanopia 1% of men
#1a5186 Deuteranopia 1% of men
#36545b Tritanopia 0.001% of the population

Trichromacy

#31488a Protanomaly 1% of men, 0.01% of women
#274a84 Deuteranomaly 6% of men, 0.4% of women
#394c69 Tritanomaly 0.01% of the population