#5f30be hex color

In a RGB color space, hex #5f30be is composed of 37.3% red, 18.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 74.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 259.9 degrees, a saturation of 59.7% and a lightness of 46.7%. #5f30be color hex could be obtained by blending #be60ff with #00007d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 19
- B 75
RGB color chart
- C 50
- M 75
- Y 0
- K 25
CMYK color chart

● #5f30be color description : Moderate violet.

The hexadecimal color #5f30be has RGB values of R:95, G:48, B:190 and CMYK values of C:0.5, M:0.75, Y:0, K:0.25. Its decimal value is 6238398.

Hex triplet	5f30be	`#5f30be`
RGB Decimal	95, 48, 190	`rgb(95,48,190)`
RGB Percent	37.3, 18.8, 74.5	`rgb(37.3%,18.8%,74.5%)`
CMYK	50, 75, 0, 25
HSL	259.9°, 59.7, 46.7	`hsl(259.9,59.7%,46.7%)`
HSV (or HSB)	259.9°, 74.7, 74.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.527, 52.824, -66.682
XYZ	15.069, 8.264, 49.514
xyY	0.207, 0.113, 8.264
CIE-LCH	34.527, 85.07, 308.386
CIE-LUV	34.527, 5.279, -94.123
Hunter-Lab	28.748, 43.257, -81.995
Binary	01011111, 00110000, 10111110

#5f30be
```
#5f30be rgb(95,48,190)
```
#8fbe30
```
#8fbe30 rgb(143,190,48)
```

Complementary Color

#3048be
```
#3048be rgb(48,72,190)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#a630be
```
#a630be rgb(166,48,190)
```

Analogous Color

#48be30
```
#48be30 rgb(72,190,48)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#bea630
```
#bea630 rgb(190,166,48)
```

Split Complementary Color

#30be5f
```
#30be5f rgb(48,190,95)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#be5f30
```
#be5f30 rgb(190,95,48)
```

Triadic Color

#308fbe
```
#308fbe rgb(48,143,190)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#be5f30
```
#be5f30 rgb(190,95,48)
```
#8fbe30
```
#8fbe30 rgb(143,190,48)
```

Tetradic Color

#402181
```
#402181 rgb(64,33,129)
```
#4b2695
```
#4b2695 rgb(75,38,149)
```
#552baa
```
#552baa rgb(85,43,170)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#6b3acd
```
#6b3acd rgb(107,58,205)
```
#7a4fd2
```
#7a4fd2 rgb(122,79,210)
```
#8a63d8
```
#8a63d8 rgb(138,99,216)
```

Monochromatic Color

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

#3b30be
```
#3b30be rgb(59,48,190)
```
#4730be
```
#4730be rgb(71,48,190)
```
#5330be
```
#5330be rgb(83,48,190)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#6b30be
```
#6b30be rgb(107,48,190)
```
#7730be
```
#7730be rgb(119,48,190)
```
#8330be
```
#8330be rgb(131,48,190)
```

Similar Colors

Text with hexadecimal color #5f30be

This text has a font color of #5f30be.

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

#5f30be background color

This paragraph has a background color of #5f30be.

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

#5f30be border color

This element has a border color of #5f30be.

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

CSS codes

.text {color:#5f30be;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090412
```
#090412 rgb(9,4,18)
```
#110821
```
#110821 rgb(17,8,33)
```
#190c31
```
#190c31 rgb(25,12,49)
```
#201041
```
#201041 rgb(32,16,65)
```
#281450
```
#281450 rgb(40,20,80)
```
#301860
```
#301860 rgb(48,24,96)
```
#381c70
```
#381c70 rgb(56,28,112)
```
#40207f
```
#40207f rgb(64,32,127)
```
#48248f
```
#48248f rgb(72,36,143)
```
#4f289f
```
#4f289f rgb(79,40,159)
```
#572cae
```
#572cae rgb(87,44,174)
```
#5f30be
```
#5f30be rgb(95,48,190)
```

Shade Color Variation

#6736cc
```
#6736cc rgb(103,54,204)
```
#7345d0
```
#7345d0 rgb(115,69,208)
```
#7f55d4
```
#7f55d4 rgb(127,85,212)
```
#8b64d8
```
#8b64d8 rgb(139,100,216)
```
#9774dc
```
#9774dc rgb(151,116,220)
```
#a284e0
```
#a284e0 rgb(162,132,224)
```
#ae93e4
```
#ae93e4 rgb(174,147,228)
```
#baa3e8
```
#baa3e8 rgb(186,163,232)
```
#c6b3ec
```
#c6b3ec rgb(198,179,236)
```
#d1c2f0
```
#d1c2f0 rgb(209,194,240)
```
#ddd2f4
```
#ddd2f4 rgb(221,210,244)
```
#e9e2f8
```
#e9e2f8 rgb(233,226,248)
```
#f5f1fc
```
#f5f1fc rgb(245,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75707e is the less saturated color, while #5002ec is the most saturated one.

#75707e
```
#75707e rgb(117,112,126)
```
#726787
```
#726787 rgb(114,103,135)
```
#6e5e90
```
#6e5e90 rgb(110,94,144)
```
#6b5599
```
#6b5599 rgb(107,85,153)
```
#684ba3
```
#684ba3 rgb(104,75,163)
```
#6542ac
```
#6542ac rgb(101,66,172)
```
#6239b5
```
#6239b5 rgb(98,57,181)
```
#5f30be
```
#5f30be rgb(95,48,190)
```
#5c27c7
```
#5c27c7 rgb(92,39,199)
```
#591ed0
```
#591ed0 rgb(89,30,208)
```
#5615d9
```
#5615d9 rgb(86,21,217)
```
#530be3
```
#530be3 rgb(83,11,227)
```
#5002ec
```
#5002ec rgb(80,2,236)
```

Tone Color Variation

Below, you can see how #5f30be 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
#514864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#445e65 Tritanopia 0.001% of the population

Trichromacy

#2249b1 Protanomaly 1% of men, 0.01% of women
#224ca4 Deuteranomaly 6% of men, 0.4% of women
#4e4d85 Tritanomaly 0.01% of the population

#5f30be hex color

#5f30be Color Information

#5f30be Color Conversion

Color Schemes with #5f30be

Alternatives to #5f30be

#5f30be Preview

Shades and Tints of #5f30be

Tones of #5f30be

Color Blindness Simulator