#5f30b3 hex color

In a RGB color space, hex #5f30b3 is composed of 37.3% red, 18.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 73.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 261.5 degrees, a saturation of 57.7% and a lightness of 44.5%. #5f30b3 color hex could be obtained by blending #be60ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 70
RGB color chart
- C 47
- M 73
- Y 0
- K 30
CMYK color chart

● #5f30b3 color description : Moderate violet.

The hexadecimal color #5f30b3 has RGB values of R:95, G:48, B:179 and CMYK values of C:0.47, M:0.73, Y:0, K:0.3. Its decimal value is 6238387.

Hex triplet	5f30b3	`#5f30b3`
RGB Decimal	95, 48, 179	`rgb(95,48,179)`
RGB Percent	37.3, 18.8, 70.2	`rgb(37.3%,18.8%,70.2%)`
CMYK	47, 73, 0, 30
HSL	261.5°, 57.7, 44.5	`hsl(261.5,57.7%,44.5%)`
HSV (or HSB)	261.5°, 73.2, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.566, 49.856, -61.751
XYZ	13.912, 7.801, 43.418
xyY	0.214, 0.12, 7.801
CIE-LCH	33.566, 79.365, 308.916
CIE-LUV	33.566, 6.638, -87.06
Hunter-Lab	27.931, 40.026, -72.614
Binary	01011111, 00110000, 10110011

#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#84b330
```
#84b330 rgb(132,179,48)
```

Complementary Color

#3043b3
```
#3043b3 rgb(48,67,179)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#a130b3
```
#a130b3 rgb(161,48,179)
```

Analogous Color

#43b330
```
#43b330 rgb(67,179,48)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#b3a130
```
#b3a130 rgb(179,161,48)
```

Split Complementary Color

#30b35f
```
#30b35f rgb(48,179,95)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#b35f30
```
#b35f30 rgb(179,95,48)
```

Triadic Color

#3084b3
```
#3084b3 rgb(48,132,179)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#b35f30
```
#b35f30 rgb(179,95,48)
```
#84b330
```
#84b330 rgb(132,179,48)
```

Tetradic Color

#3f2077
```
#3f2077 rgb(63,32,119)
```
#4a258b
```
#4a258b rgb(74,37,139)
```
#542b9f
```
#542b9f rgb(84,43,159)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#6a35c7
```
#6a35c7 rgb(106,53,199)
```
#7848ce
```
#7848ce rgb(120,72,206)
```
#875cd3
```
#875cd3 rgb(135,92,211)
```

Monochromatic Color

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

#3e30b3
```
#3e30b3 rgb(62,48,179)
```
#4930b3
```
#4930b3 rgb(73,48,179)
```
#5430b3
```
#5430b3 rgb(84,48,179)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#6a30b3
```
#6a30b3 rgb(106,48,179)
```
#7530b3
```
#7530b3 rgb(117,48,179)
```
#8030b3
```
#8030b3 rgb(128,48,179)
```

Similar Colors

Text with hexadecimal color #5f30b3

This text has a font color of #5f30b3.

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

#5f30b3 background color

This paragraph has a background color of #5f30b3.

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

#5f30b3 border color

This element has a border color of #5f30b3.

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

CSS codes

.text {color:#5f30b3;}

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

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

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

#050209
```
#050209 rgb(5,2,9)
```
#0d0718
```
#0d0718 rgb(13,7,24)
```
#150b28
```
#150b28 rgb(21,11,40)
```
#1d0f37
```
#1d0f37 rgb(29,15,55)
```
#261347
```
#261347 rgb(38,19,71)
```
#2e1756
```
#2e1756 rgb(46,23,86)
```
#361b66
```
#361b66 rgb(54,27,102)
```
#3e1f75
```
#3e1f75 rgb(62,31,117)
```
#462485
```
#462485 rgb(70,36,133)
```
#4f2894
```
#4f2894 rgb(79,40,148)
```
#572ca4
```
#572ca4 rgb(87,44,164)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#6734c2
```
#6734c2 rgb(103,52,194)
```

Shade Color Variation

#713fcb
```
#713fcb rgb(113,63,203)
```
#7d4ed0
```
#7d4ed0 rgb(125,78,208)
```
#885ed4
```
#885ed4 rgb(136,94,212)
```
#936dd8
```
#936dd8 rgb(147,109,216)
```
#9f7ddc
```
#9f7ddc rgb(159,125,220)
```
#aa8ce0
```
#aa8ce0 rgb(170,140,224)
```
#b69ce4
```
#b69ce4 rgb(182,156,228)
```
#c1abe8
```
#c1abe8 rgb(193,171,232)
```
#ccbbed
```
#ccbbed rgb(204,187,237)
```
#d8caf1
```
#d8caf1 rgb(216,202,241)
```
#e3d9f5
```
#e3d9f5 rgb(227,217,245)
```
#efe9f9
```
#efe9f9 rgb(239,233,249)
```
#faf8fd
```
#faf8fd rgb(250,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706d76 is the less saturated color, while #5304df is the most saturated one.

#706d76
```
#706d76 rgb(112,109,118)
```
#6e647f
```
#6e647f rgb(110,100,127)
```
#6b5c87
```
#6b5c87 rgb(107,92,135)
```
#695390
```
#695390 rgb(105,83,144)
```
#664a99
```
#664a99 rgb(102,74,153)
```
#6441a2
```
#6441a2 rgb(100,65,162)
```
#6139aa
```
#6139aa rgb(97,57,170)
```
#5f30b3
```
#5f30b3 rgb(95,48,179)
```
#5d27bc
```
#5d27bc rgb(93,39,188)
```
#5a1fc4
```
#5a1fc4 rgb(90,31,196)
```
#5816cd
```
#5816cd rgb(88,22,205)
```
#550dd6
```
#550dd6 rgb(85,13,214)
```
#5304df
```
#5304df rgb(83,4,223)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#514761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a92 Deuteranopia 1% of men
#4a5a61 Tritanopia 0.001% of the population

Trichromacy

#2247ab Protanomaly 1% of men, 0.01% of women
#224a9e Deuteranomaly 6% of men, 0.4% of women
#524b7e Tritanomaly 0.01% of the population

#5f30b3 hex color

#5f30b3 Color Information

#5f30b3 Color Conversion

Color Schemes with #5f30b3

Alternatives to #5f30b3

#5f30b3 Preview

Shades and Tints of #5f30b3

Tones of #5f30b3

Color Blindness Simulator