#5f30b9 hex color

In a RGB color space, hex #5f30b9 is composed of 37.3% red, 18.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 74.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 260.6 degrees, a saturation of 58.8% and a lightness of 45.7%. #5f30b9 color hex could be obtained by blending #be60ff with #000073. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 73
RGB color chart
- C 49
- M 74
- Y 0
- K 27
CMYK color chart

● #5f30b9 color description : Moderate violet.

The hexadecimal color #5f30b9 has RGB values of R:95, G:48, B:185 and CMYK values of C:0.49, M:0.74, Y:0, K:0.27. Its decimal value is 6238393.

Hex triplet	5f30b9	`#5f30b9`
RGB Decimal	95, 48, 185	`rgb(95,48,185)`
RGB Percent	37.3, 18.8, 72.5	`rgb(37.3%,18.8%,72.5%)`
CMYK	49, 74, 0, 27
HSL	260.6°, 58.8, 45.7	`hsl(260.6,58.8%,45.7%)`
HSV (or HSB)	260.6°, 74.1, 72.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.086, 51.474, -64.457
XYZ	14.532, 8.049, 46.684
xyY	0.21, 0.116, 8.049
CIE-LCH	34.086, 82.488, 308.61
CIE-LUV	34.086, 5.885, -90.932
Hunter-Lab	28.371, 41.777, -77.7
Binary	01011111, 00110000, 10111001

#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#8ab930
```
#8ab930 rgb(138,185,48)
```

Complementary Color

#3046b9
```
#3046b9 rgb(48,70,185)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#a430b9
```
#a430b9 rgb(164,48,185)
```

Analogous Color

#46b930
```
#46b930 rgb(70,185,48)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#b9a430
```
#b9a430 rgb(185,164,48)
```

Split Complementary Color

#30b95f
```
#30b95f rgb(48,185,95)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#b95f30
```
#b95f30 rgb(185,95,48)
```

Triadic Color

#308ab9
```
#308ab9 rgb(48,138,185)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#b95f30
```
#b95f30 rgb(185,95,48)
```
#8ab930
```
#8ab930 rgb(138,185,48)
```

Tetradic Color

#40207c
```
#40207c rgb(64,32,124)
```
#4a2591
```
#4a2591 rgb(74,37,145)
```
#552ba5
```
#552ba5 rgb(85,43,165)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#6a37cb
```
#6a37cb rgb(106,55,203)
```
#794cd0
```
#794cd0 rgb(121,76,208)
```
#8860d6
```
#8860d6 rgb(136,96,214)
```

Monochromatic Color

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

#3d30b9
```
#3d30b9 rgb(61,48,185)
```
#4830b9
```
#4830b9 rgb(72,48,185)
```
#5430b9
```
#5430b9 rgb(84,48,185)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#6a30b9
```
#6a30b9 rgb(106,48,185)
```
#7630b9
```
#7630b9 rgb(118,48,185)
```
#8130b9
```
#8130b9 rgb(129,48,185)
```

Similar Colors

Text with hexadecimal color #5f30b9

This text has a font color of #5f30b9.

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

#5f30b9 background color

This paragraph has a background color of #5f30b9.

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

#5f30b9 border color

This element has a border color of #5f30b9.

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

CSS codes

.text {color:#5f30b9;}

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

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

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, #07040e is the darkest color, while #fefdff is the lightest one.

#07040e
```
#07040e rgb(7,4,14)
```
#0f081d
```
#0f081d rgb(15,8,29)
```
#170c2d
```
#170c2d rgb(23,12,45)
```
#1f103c
```
#1f103c rgb(31,16,60)
```
#27144c
```
#27144c rgb(39,20,76)
```
#2f185c
```
#2f185c rgb(47,24,92)
```
#371c6b
```
#371c6b rgb(55,28,107)
```
#3f207b
```
#3f207b rgb(63,32,123)
```
#47248a
```
#47248a rgb(71,36,138)
```
#4f289a
```
#4f289a rgb(79,40,154)
```
#572ca9
```
#572ca9 rgb(87,44,169)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#6734c9
```
#6734c9 rgb(103,52,201)
```

Shade Color Variation

#7242ce
```
#7242ce rgb(114,66,206)
```
#7e52d2
```
#7e52d2 rgb(126,82,210)
```
#8961d6
```
#8961d6 rgb(137,97,214)
```
#9571da
```
#9571da rgb(149,113,218)
```
#a181de
```
#a181de rgb(161,129,222)
```
#ac90e2
```
#ac90e2 rgb(172,144,226)
```
#b8a0e6
```
#b8a0e6 rgb(184,160,230)
```
#c3afea
```
#c3afea rgb(195,175,234)
```
#cfbfee
```
#cfbfee rgb(207,191,238)
```
#dbcef2
```
#dbcef2 rgb(219,206,242)
```
#e6def6
```
#e6def6 rgb(230,222,246)
```
#f2eefa
```
#f2eefa rgb(242,238,250)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #736f7a is the less saturated color, while #5103e6 is the most saturated one.

#736f7a
```
#736f7a rgb(115,111,122)
```
#706683
```
#706683 rgb(112,102,131)
```
#6d5d8c
```
#6d5d8c rgb(109,93,140)
```
#6a5495
```
#6a5495 rgb(106,84,149)
```
#674b9e
```
#674b9e rgb(103,75,158)
```
#6542a7
```
#6542a7 rgb(101,66,167)
```
#6239b0
```
#6239b0 rgb(98,57,176)
```
#5f30b9
```
#5f30b9 rgb(95,48,185)
```
#5c27c2
```
#5c27c2 rgb(92,39,194)
```
#591ecb
```
#591ecb rgb(89,30,203)
```
#5715d4
```
#5715d4 rgb(87,21,212)
```
#540cdd
```
#540cdd rgb(84,12,221)
```
#5103e6
```
#5103e6 rgb(81,3,230)
```

Tone Color Variation

Below, you can see how #5f30b9 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
#475c63 Tritanopia 0.001% of the population

Trichromacy

#2248ae Protanomaly 1% of men, 0.01% of women
#224ba1 Deuteranomaly 6% of men, 0.4% of women
#504c82 Tritanomaly 0.01% of the population

#5f30b9 hex color

#5f30b9 Color Information

#5f30b9 Color Conversion

Color Schemes with #5f30b9

Alternatives to #5f30b9

#5f30b9 Preview

Shades and Tints of #5f30b9

Tones of #5f30b9

Color Blindness Simulator