#5f31b6 hex color

In a RGB color space, hex #5f31b6 is composed of 37.3% red, 19.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 73.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 260.8 degrees, a saturation of 57.6% and a lightness of 45.3%. #5f31b6 color hex could be obtained by blending #be62ff with #00006d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 71
RGB color chart
- C 48
- M 73
- Y 0
- K 29
CMYK color chart

● #5f31b6 color description : Moderate violet.

The hexadecimal color #5f31b6 has RGB values of R:95, G:49, B:182 and CMYK values of C:0.48, M:0.73, Y:0, K:0.29. Its decimal value is 6238646.

Hex triplet	5f31b6	`#5f31b6`
RGB Decimal	95, 49, 182	`rgb(95,49,182)`
RGB Percent	37.3, 19.2, 71.4	`rgb(37.3%,19.2%,71.4%)`
CMYK	48, 73, 0, 29
HSL	260.8°, 57.6, 45.3	`hsl(260.8,57.6%,45.3%)`
HSV (or HSB)	260.8°, 73.1, 71.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.997, 50.177, -62.826
XYZ	14.26, 8.007, 45.048
xyY	0.212, 0.119, 8.007
CIE-LCH	33.997, 80.404, 308.613
CIE-LUV	33.997, 6.101, -88.813
Hunter-Lab	28.296, 40.435, -74.582
Binary	01011111, 00110001, 10110110

#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#88b631
```
#88b631 rgb(136,182,49)
```

Complementary Color

#3146b6
```
#3146b6 rgb(49,70,182)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#a231b6
```
#a231b6 rgb(162,49,182)
```

Analogous Color

#45b631
```
#45b631 rgb(69,182,49)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#b6a231
```
#b6a231 rgb(182,162,49)
```

Split Complementary Color

#31b65f
```
#31b65f rgb(49,182,95)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#b65f31
```
#b65f31 rgb(182,95,49)
```

Triadic Color

#3188b6
```
#3188b6 rgb(49,136,182)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#b65f31
```
#b65f31 rgb(182,95,49)
```
#88b631
```
#88b631 rgb(136,182,49)
```

Tetradic Color

#40217a
```
#40217a rgb(64,33,122)
```
#4a268e
```
#4a268e rgb(74,38,142)
```
#552ca2
```
#552ca2 rgb(85,44,162)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#6a37c9
```
#6a37c9 rgb(106,55,201)
```
#794bcf
```
#794bcf rgb(121,75,207)
```
#885fd4
```
#885fd4 rgb(136,95,212)
```

Monochromatic Color

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

#3e31b6
```
#3e31b6 rgb(62,49,182)
```
#4931b6
```
#4931b6 rgb(73,49,182)
```
#5431b6
```
#5431b6 rgb(84,49,182)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#6a31b6
```
#6a31b6 rgb(106,49,182)
```
#7531b6
```
#7531b6 rgb(117,49,182)
```
#8031b6
```
#8031b6 rgb(128,49,182)
```

Similar Colors

Text with hexadecimal color #5f31b6

This text has a font color of #5f31b6.

<span style="color:#5f31b6;">Text here</span>

#5f31b6 background color

This paragraph has a background color of #5f31b6.

<p style="background-color:#5f31b6;">Content here</p>

#5f31b6 border color

This element has a border color of #5f31b6.

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

CSS codes

.text {color:#5f31b6;}

.background {background-color:#5f31b6;}

.border {border:1px solid #5f31b6;}

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

#06030c
```
#06030c rgb(6,3,12)
```
#0e071b
```
#0e071b rgb(14,7,27)
```
#160c2b
```
#160c2b rgb(22,12,43)
```
#1e103a
```
#1e103a rgb(30,16,58)
```
#27144a
```
#27144a rgb(39,20,74)
```
#2f1859
```
#2f1859 rgb(47,24,89)
```
#371c69
```
#371c69 rgb(55,28,105)
```
#3f2078
```
#3f2078 rgb(63,32,120)
```
#472588
```
#472588 rgb(71,37,136)
```
#4f2997
```
#4f2997 rgb(79,41,151)
```
#572da7
```
#572da7 rgb(87,45,167)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#6735c5
```
#6735c5 rgb(103,53,197)
```

Shade Color Variation

#7242cc
```
#7242cc rgb(114,66,204)
```
#7d52d0
```
#7d52d0 rgb(125,82,208)
```
#8961d4
```
#8961d4 rgb(137,97,212)
```
#9470d9
```
#9470d9 rgb(148,112,217)
```
#a080dd
```
#a080dd rgb(160,128,221)
```
#ac8fe1
```
#ac8fe1 rgb(172,143,225)
```
#b79fe5
```
#b79fe5 rgb(183,159,229)
```
#c3aee9
```
#c3aee9 rgb(195,174,233)
```
#cebeed
```
#cebeed rgb(206,190,237)
```
#dacdf2
```
#dacdf2 rgb(218,205,242)
```
#e5ddf6
```
#e5ddf6 rgb(229,221,246)
```
#f1ecfa
```
#f1ecfa rgb(241,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726f78 is the less saturated color, while #5105e2 is the most saturated one.

#726f78
```
#726f78 rgb(114,111,120)
```
#6f6681
```
#6f6681 rgb(111,102,129)
```
#6d5d8a
```
#6d5d8a rgb(109,93,138)
```
#6a5592
```
#6a5592 rgb(106,85,146)
```
#674c9b
```
#674c9b rgb(103,76,155)
```
#6443a4
```
#6443a4 rgb(100,67,164)
```
#623aad
```
#623aad rgb(98,58,173)
```
#5f31b6
```
#5f31b6 rgb(95,49,182)
```
#5c28bf
```
#5c28bf rgb(92,40,191)
```
#5a1fc8
```
#5a1fc8 rgb(90,31,200)
```
#5716d1
```
#5716d1 rgb(87,22,209)
```
#540dda
```
#540dda rgb(84,13,218)
```
#5105e2
```
#5105e2 rgb(81,5,226)
```

Tone Color Variation

Below, you can see how #5f31b6 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

#4e4e4e Achromatopsia 0.005% of the population
#514863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#495c62 Tritanopia 0.001% of the population

Trichromacy

#2248ad Protanomaly 1% of men, 0.01% of women
#224ba0 Deuteranomaly 6% of men, 0.4% of women
#514c80 Tritanomaly 0.01% of the population

#5f31b6 hex color

#5f31b6 Color Information

#5f31b6 Color Conversion

Color Schemes with #5f31b6

Alternatives to #5f31b6

#5f31b6 Preview

Shades and Tints of #5f31b6

Tones of #5f31b6

Color Blindness Simulator