#5f31c8 hex color

In a RGB color space, hex #5f31c8 is composed of 37.3% red, 19.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 75.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 258.3 degrees, a saturation of 60.6% and a lightness of 48.8%. #5f31c8 color hex could be obtained by blending #be62ff with #000091. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 78
RGB color chart
- C 53
- M 76
- Y 0
- K 22
CMYK color chart

● #5f31c8 color description : Strong violet.

The hexadecimal color #5f31c8 has RGB values of R:95, G:49, B:200 and CMYK values of C:0.53, M:0.76, Y:0, K:0.22. Its decimal value is 6238664.

Hex triplet	5f31c8	`#5f31c8`
RGB Decimal	95, 49, 200	`rgb(95,49,200)`
RGB Percent	37.3, 19.2, 78.4	`rgb(37.3%,19.2%,78.4%)`
CMYK	53, 76, 0, 22
HSL	258.3°, 60.6, 48.8	`hsl(258.3,60.6%,48.8%)`
HSV (or HSB)	258.3°, 75.5, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.595, 55.065, -70.789
XYZ	16.241, 8.799, 55.483
xyY	0.202, 0.109, 8.799
CIE-LCH	35.595, 89.684, 307.878
CIE-LUV	35.595, 3.982, -100.262
Hunter-Lab	29.664, 45.819, -90.132
Binary	01011111, 00110001, 11001000

#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#9ac831
```
#9ac831 rgb(154,200,49)
```

Complementary Color

#314fc8
```
#314fc8 rgb(49,79,200)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#ab31c8
```
#ab31c8 rgb(171,49,200)
```

Analogous Color

#4fc831
```
#4fc831 rgb(79,200,49)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#c8ab31
```
#c8ab31 rgb(200,171,49)
```

Split Complementary Color

#31c85f
```
#31c85f rgb(49,200,95)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#c85f31
```
#c85f31 rgb(200,95,49)
```

Triadic Color

#319ac8
```
#319ac8 rgb(49,154,200)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#c85f31
```
#c85f31 rgb(200,95,49)
```
#9ac831
```
#9ac831 rgb(154,200,49)
```

Tetradic Color

#42228b
```
#42228b rgb(66,34,139)
```
#4c279f
```
#4c279f rgb(76,39,159)
```
#552cb4
```
#552cb4 rgb(85,44,180)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#6d42d1
```
#6d42d1 rgb(109,66,209)
```
#7d56d6
```
#7d56d6 rgb(125,86,214)
```
#8d6bdb
```
#8d6bdb rgb(141,107,219)
```

Monochromatic Color

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

#3931c8
```
#3931c8 rgb(57,49,200)
```
#4631c8
```
#4631c8 rgb(70,49,200)
```
#5231c8
```
#5231c8 rgb(82,49,200)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#6c31c8
```
#6c31c8 rgb(108,49,200)
```
#7831c8
```
#7831c8 rgb(120,49,200)
```
#8531c8
```
#8531c8 rgb(133,49,200)
```

Similar Colors

Text with hexadecimal color #5f31c8

This text has a font color of #5f31c8.

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

#5f31c8 background color

This paragraph has a background color of #5f31c8.

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

#5f31c8 border color

This element has a border color of #5f31c8.

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

CSS codes

.text {color:#5f31c8;}

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

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

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, #05030b is the darkest color, while #fbfafe is the lightest one.

#05030b
```
#05030b rgb(5,3,11)
```
#0d071b
```
#0d071b rgb(13,7,27)
```
#140a2a
```
#140a2a rgb(20,10,42)
```
#1c0e3a
```
#1c0e3a rgb(28,14,58)
```
#23124a
```
#23124a rgb(35,18,74)
```
#2b165a
```
#2b165a rgb(43,22,90)
```
#321a69
```
#321a69 rgb(50,26,105)
```
#3a1e79
```
#3a1e79 rgb(58,30,121)
```
#412289
```
#412289 rgb(65,34,137)
```
#492599
```
#492599 rgb(73,37,153)
```
#5029a8
```
#5029a8 rgb(80,41,168)
```
#582db8
```
#582db8 rgb(88,45,184)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```

Shade Color Variation

#6a3dcf
```
#6a3dcf rgb(106,61,207)
```
#764dd3
```
#764dd3 rgb(118,77,211)
```
#825dd7
```
#825dd7 rgb(130,93,215)
```
#8e6cdb
```
#8e6cdb rgb(142,108,219)
```
#9a7cdf
```
#9a7cdf rgb(154,124,223)
```
#a68ce3
```
#a68ce3 rgb(166,140,227)
```
#b29ce7
```
#b29ce7 rgb(178,156,231)
```
#bfabeb
```
#bfabeb rgb(191,171,235)
```
#cbbbee
```
#cbbbee rgb(203,187,238)
```
#d7cbf2
```
#d7cbf2 rgb(215,203,242)
```
#e3dbf6
```
#e3dbf6 rgb(227,219,246)
```
#efeafa
```
#efeafa rgb(239,234,250)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#797485
```
#797485 rgb(121,116,133)
```
#756a8f
```
#756a8f rgb(117,106,143)
```
#726198
```
#726198 rgb(114,97,152)
```
#6e57a2
```
#6e57a2 rgb(110,87,162)
```
#6a4eab
```
#6a4eab rgb(106,78,171)
```
#6644b5
```
#6644b5 rgb(102,68,181)
```
#633bbe
```
#633bbe rgb(99,59,190)
```
#5f31c8
```
#5f31c8 rgb(95,49,200)
```
#5b27d2
```
#5b27d2 rgb(91,39,210)
```
#581edb
```
#581edb rgb(88,30,219)
```
#5414e5
```
#5414e5 rgb(84,20,229)
```
#500bee
```
#500bee rgb(80,11,238)
```
#4c01f8
```
#4c01f8 rgb(76,1,248)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#534a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#3e6269 Tritanopia 0.001% of the population

Trichromacy

#224bb8 Protanomaly 1% of men, 0.01% of women
#224ea9 Deuteranomaly 6% of men, 0.4% of women
#4a508b Tritanomaly 0.01% of the population

#5f31c8 hex color

#5f31c8 Color Information

#5f31c8 Color Conversion

Color Schemes with #5f31c8

Alternatives to #5f31c8

#5f31c8 Preview

Shades and Tints of #5f31c8

Tones of #5f31c8

Color Blindness Simulator