#5f30c9 hex color

In a RGB color space, hex #5f30c9 is composed of 37.3% red, 18.8% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 76.1% magenta, 0% yellow and 21.2% black. It has a hue angle of 258.4 degrees, a saturation of 61.4% and a lightness of 48.8%. #5f30c9 color hex could be obtained by blending #be60ff with #000093. Closest websafe color is: #6633cc.

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

● #5f30c9 color description : Strong violet.

The hexadecimal color #5f30c9 has RGB values of R:95, G:48, B:201 and CMYK values of C:0.53, M:0.76, Y:0, K:0.21. Its decimal value is 6238409.

Hex triplet	5f30c9	`#5f30c9`
RGB Decimal	95, 48, 201	`rgb(95,48,201)`
RGB Percent	37.3, 18.8, 78.8	`rgb(37.3%,18.8%,78.8%)`
CMYK	53, 76, 0, 21
HSL	258.4°, 61.4, 48.8	`hsl(258.4,61.4%,48.8%)`
HSV (or HSB)	258.4°, 76.1, 78.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.525, 55.798, -71.487
XYZ	16.317, 8.764, 56.087
xyY	0.201, 0.108, 8.764
CIE-LCH	35.525, 90.686, 307.973
CIE-LUV	35.525, 4.011, -101.032
Hunter-Lab	29.603, 46.582, -91.61
Binary	01011111, 00110000, 11001001

#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#9ac930
```
#9ac930 rgb(154,201,48)
```

Complementary Color

#304ec9
```
#304ec9 rgb(48,78,201)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#ac30c9
```
#ac30c9 rgb(172,48,201)
```

Analogous Color

#4ec930
```
#4ec930 rgb(78,201,48)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#c9ac30
```
#c9ac30 rgb(201,172,48)
```

Split Complementary Color

#30c95f
```
#30c95f rgb(48,201,95)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#c95f30
```
#c95f30 rgb(201,95,48)
```

Triadic Color

#309ac9
```
#309ac9 rgb(48,154,201)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#c95f30
```
#c95f30 rgb(201,95,48)
```
#9ac930
```
#9ac930 rgb(154,201,48)
```

Tetradic Color

#42218b
```
#42218b rgb(66,33,139)
```
#4c26a0
```
#4c26a0 rgb(76,38,160)
```
#552bb4
```
#552bb4 rgb(85,43,180)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#6d41d2
```
#6d41d2 rgb(109,65,210)
```
#7d55d7
```
#7d55d7 rgb(125,85,215)
```
#8d6adb
```
#8d6adb rgb(141,106,219)
```

Monochromatic Color

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

#3930c9
```
#3930c9 rgb(57,48,201)
```
#4530c9
```
#4530c9 rgb(69,48,201)
```
#5230c9
```
#5230c9 rgb(82,48,201)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#6c30c9
```
#6c30c9 rgb(108,48,201)
```
#7930c9
```
#7930c9 rgb(121,48,201)
```
#8530c9
```
#8530c9 rgb(133,48,201)
```

Similar Colors

Text with hexadecimal color #5f30c9

This text has a font color of #5f30c9.

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

#5f30c9 background color

This paragraph has a background color of #5f30c9.

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

#5f30c9 border color

This element has a border color of #5f30c9.

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

CSS codes

.text {color:#5f30c9;}

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

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

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)
```
#0d061b
```
#0d061b rgb(13,6,27)
```
#140a2b
```
#140a2b rgb(20,10,43)
```
#1c0e3a
```
#1c0e3a rgb(28,14,58)
```
#23124a
```
#23124a rgb(35,18,74)
```
#2b165a
```
#2b165a rgb(43,22,90)
```
#32196a
```
#32196a rgb(50,25,106)
```
#3a1d7a
```
#3a1d7a rgb(58,29,122)
```
#41218a
```
#41218a rgb(65,33,138)
```
#492599
```
#492599 rgb(73,37,153)
```
#5028a9
```
#5028a9 rgb(80,40,169)
```
#582cb9
```
#582cb9 rgb(88,44,185)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```

Shade Color Variation

#6a3cd0
```
#6a3cd0 rgb(106,60,208)
```
#764cd4
```
#764cd4 rgb(118,76,212)
```
#825cd8
```
#825cd8 rgb(130,92,216)
```
#8e6cdc
```
#8e6cdc rgb(142,108,220)
```
#9a7be0
```
#9a7be0 rgb(154,123,224)
```
#a68be3
```
#a68be3 rgb(166,139,227)
```
#b29be7
```
#b29be7 rgb(178,155,231)
```
#bfabeb
```
#bfabeb rgb(191,171,235)
```
#cbbbef
```
#cbbbef rgb(203,187,239)
```
#d7cbf2
```
#d7cbf2 rgb(215,203,242)
```
#e3daf6
```
#e3daf6 rgb(227,218,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, #797386 is the less saturated color, while #4d00f9 is the most saturated one.

#797386
```
#797386 rgb(121,115,134)
```
#756990
```
#756990 rgb(117,105,144)
```
#716099
```
#716099 rgb(113,96,153)
```
#6e56a3
```
#6e56a3 rgb(110,86,163)
```
#6a4dac
```
#6a4dac rgb(106,77,172)
```
#6643b6
```
#6643b6 rgb(102,67,182)
```
#633abf
```
#633abf rgb(99,58,191)
```
#5f30c9
```
#5f30c9 rgb(95,48,201)
```
#5b26d3
```
#5b26d3 rgb(91,38,211)
```
#581ddc
```
#581ddc rgb(88,29,220)
```
#5413e6
```
#5413e6 rgb(84,19,230)
```
#500aef
```
#500aef rgb(80,10,239)
```
#4d00f9
```
#4d00f9 rgb(77,0,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#524967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#3d6269 Tritanopia 0.001% of the population

Trichromacy

#224ab8 Protanomaly 1% of men, 0.01% of women
#224daa Deuteranomaly 6% of men, 0.4% of women
#494f8b Tritanomaly 0.01% of the population

#5f30c9 hex color

#5f30c9 Color Information

#5f30c9 Color Conversion

Color Schemes with #5f30c9

Alternatives to #5f30c9

#5f30c9 Preview

Shades and Tints of #5f30c9

Tones of #5f30c9

Color Blindness Simulator