#3f0086 hex color

In a RGB color space, hex #3f0086 is composed of 24.7% red, 0% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 100% magenta, 0% yellow and 47.5% black. It has a hue angle of 268.2 degrees, a saturation of 100% and a lightness of 26.3%. #3f0086 color hex could be obtained by blending #7e00ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 25
- G 0
- B 53
RGB color chart
- C 53
- M 100
- Y 0
- K 47
CMYK color chart

● #3f0086 color description : Dark violet.

The hexadecimal color #3f0086 has RGB values of R:63, G:0, B:134 and CMYK values of C:0.53, M:1, Y:0, K:0.47. Its decimal value is 4128902.

Hex triplet	3f0086	`#3f0086`
RGB Decimal	63, 0, 134	`rgb(63,0,134)`
RGB Percent	24.7, 0, 52.5	`rgb(24.7%,0%,52.5%)`
CMYK	53, 100, 0, 47
HSL	268.2°, 100, 26.3	`hsl(268.2,100%,26.3%)`
HSV (or HSB)	268.2°, 100, 52.5
Web Safe	330099	`#330099`

CIE-LAB	19.132, 51.479, -58.114
XYZ	6.352, 2.778, 22.754
xyY	0.199, 0.087, 2.778
CIE-LCH	19.132, 77.636, 311.535
CIE-LUV	19.132, 5.14, -63.007
Hunter-Lab	16.667, 38.863, -69.278
Binary	00111111, 00000000, 10000110

#3f0086
```
#3f0086 rgb(63,0,134)
```
#478600
```
#478600 rgb(71,134,0)
```

Complementary Color

#000486
```
#000486 rgb(0,4,134)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#820086
```
#820086 rgb(130,0,134)
```

Analogous Color

#048600
```
#048600 rgb(4,134,0)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#868200
```
#868200 rgb(134,130,0)
```

Split Complementary Color

#00863f
```
#00863f rgb(0,134,63)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#863f00
```
#863f00 rgb(134,63,0)
```

Triadic Color

#004786
```
#004786 rgb(0,71,134)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#863f00
```
#863f00 rgb(134,63,0)
```
#478600
```
#478600 rgb(71,134,0)
```

Tetradic Color

#1b003a
```
#1b003a rgb(27,0,58)
```
#270053
```
#270053 rgb(39,0,83)
```
#33006d
```
#33006d rgb(51,0,109)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#4b00a0
```
#4b00a0 rgb(75,0,160)
```
#5700b9
```
#5700b9 rgb(87,0,185)
```
#6300d3
```
#6300d3 rgb(99,0,211)
```

Monochromatic Color

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

#1d0086
```
#1d0086 rgb(29,0,134)
```
#290086
```
#290086 rgb(41,0,134)
```
#340086
```
#340086 rgb(52,0,134)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#4a0086
```
#4a0086 rgb(74,0,134)
```
#550086
```
#550086 rgb(85,0,134)
```
#600086
```
#600086 rgb(96,0,134)
```

Similar Colors

Text with hexadecimal color #3f0086

This text has a font color of #3f0086.

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

#3f0086 background color

This paragraph has a background color of #3f0086.

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

#3f0086 border color

This element has a border color of #3f0086.

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

CSS codes

.text {color:#3f0086;}

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

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

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

#080010
```
#080010 rgb(8,0,16)
```
#110024
```
#110024 rgb(17,0,36)
```
#1a0038
```
#1a0038 rgb(26,0,56)
```
#23004b
```
#23004b rgb(35,0,75)
```
#2d005f
```
#2d005f rgb(45,0,95)
```
#360072
```
#360072 rgb(54,0,114)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```
#48009a
```
#48009a rgb(72,0,154)
```
#5100ad
```
#5100ad rgb(81,0,173)
```
#5b00c1
```
#5b00c1 rgb(91,0,193)
```
#6400d4
```
#6400d4 rgb(100,0,212)
```
#6d00e8
```
#6d00e8 rgb(109,0,232)
```
#7600fc
```
#7600fc rgb(118,0,252)
```

Shade Color Variation

#8110ff
```
#8110ff rgb(129,16,255)
```
#8b24ff
```
#8b24ff rgb(139,36,255)
```
#9538ff
```
#9538ff rgb(149,56,255)
```
#a04bff
```
#a04bff rgb(160,75,255)
```
#aa5fff
```
#aa5fff rgb(170,95,255)
```
#b472ff
```
#b472ff rgb(180,114,255)
```
#bf86ff
```
#bf86ff rgb(191,134,255)
```
#c99aff
```
#c99aff rgb(201,154,255)
```
#d4adff
```
#d4adff rgb(212,173,255)
```
#dec1ff
```
#dec1ff rgb(222,193,255)
```
#e8d4ff
```
#e8d4ff rgb(232,212,255)
```
#f3e8ff
```
#f3e8ff rgb(243,232,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #433e48 is the less saturated color, while #3f0086 is the most saturated one.

#433e48
```
#433e48 rgb(67,62,72)
```
#42394d
```
#42394d rgb(66,57,77)
```
#423452
```
#423452 rgb(66,52,82)
```
#422e58
```
#422e58 rgb(66,46,88)
```
#41295d
```
#41295d rgb(65,41,93)
```
#412462
```
#412462 rgb(65,36,98)
```
#411f67
```
#411f67 rgb(65,31,103)
```
#411a6c
```
#411a6c rgb(65,26,108)
```
#401571
```
#401571 rgb(64,21,113)
```
#400f77
```
#400f77 rgb(64,15,119)
```
#400a7c
```
#400a7c rgb(64,10,124)
```
#3f0581
```
#3f0581 rgb(63,5,129)
```
#3f0086
```
#3f0086 rgb(63,0,134)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#281b36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#2b3b40 Tritanopia 0.001% of the population

Trichromacy

#162375 Protanomaly 1% of men, 0.01% of women
#16256c Deuteranomaly 6% of men, 0.4% of women
#322659 Tritanomaly 0.01% of the population

#3f0086 hex color

#3f0086 Color Information

#3f0086 Color Conversion

Color Schemes with #3f0086

Alternatives to #3f0086

#3f0086 Preview

Shades and Tints of #3f0086

Tones of #3f0086

Color Blindness Simulator