#5f30ed hex color

In a RGB color space, hex #5f30ed is composed of 37.3% red, 18.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 79.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 254.9 degrees, a saturation of 84% and a lightness of 55.9%. #5f30ed color hex could be obtained by blending #be60ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 37
- G 19
- B 93
RGB color chart
- C 60
- M 80
- Y 0
- K 7
CMYK color chart

● #5f30ed color description : Bright blue.

The hexadecimal color #5f30ed has RGB values of R:95, G:48, B:237 and CMYK values of C:0.6, M:0.8, Y:0, K:0.07. Its decimal value is 6238445.

Hex triplet	5f30ed	`#5f30ed`
RGB Decimal	95, 48, 237	`rgb(95,48,237)`
RGB Percent	37.3, 18.8, 92.9	`rgb(37.3%,18.8%,92.9%)`
CMYK	60, 80, 0, 7
HSL	254.9°, 84, 55.9	`hsl(254.9,84%,55.9%)`
HSV (or HSB)	254.9°, 79.7, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.003, 65.476, -86.435
XYZ	21.059, 10.661, 81.064
xyY	0.187, 0.095, 10.661
CIE-LCH	39.003, 108.435, 307.144
CIE-LUV	39.003, 0.385, -122.772
Hunter-Lab	32.65, 57.994, -124.349
Binary	01011111, 00110000, 11101101

#5f30ed
```
#5f30ed rgb(95,48,237)
```
#beed30
```
#beed30 rgb(190,237,48)
```

Complementary Color

#3060ed
```
#3060ed rgb(48,96,237)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#be30ed
```
#be30ed rgb(190,48,237)
```

Analogous Color

#60ed30
```
#60ed30 rgb(96,237,48)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#edbe30
```
#edbe30 rgb(237,190,48)
```

Split Complementary Color

#30ed5f
```
#30ed5f rgb(48,237,95)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#ed5f30
```
#ed5f30 rgb(237,95,48)
```

Triadic Color

#30beed
```
#30beed rgb(48,190,237)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#ed5f30
```
#ed5f30 rgb(237,95,48)
```
#beed30
```
#beed30 rgb(190,237,48)
```

Tetradic Color

#3c11c0
```
#3c11c0 rgb(60,17,192)
```
#4413d7
```
#4413d7 rgb(68,19,215)
```
#4d19eb
```
#4d19eb rgb(77,25,235)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#7147ef
```
#7147ef rgb(113,71,239)
```
#835ff1
```
#835ff1 rgb(131,95,241)
```
#9576f3
```
#9576f3 rgb(149,118,243)
```

Monochromatic Color

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

#3030ed
```
#3030ed rgb(48,48,237)
```
#3f30ed
```
#3f30ed rgb(63,48,237)
```
#4f30ed
```
#4f30ed rgb(79,48,237)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#6f30ed
```
#6f30ed rgb(111,48,237)
```
#7f30ed
```
#7f30ed rgb(127,48,237)
```
#8e30ed
```
#8e30ed rgb(142,48,237)
```

Similar Colors

Text with hexadecimal color #5f30ed

This text has a font color of #5f30ed.

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

#5f30ed background color

This paragraph has a background color of #5f30ed.

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

#5f30ed border color

This element has a border color of #5f30ed.

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

CSS codes

.text {color:#5f30ed;}

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

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

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, #03010a is the darkest color, while #f8f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#09021c
```
#09021c rgb(9,2,28)
```
#0e042e
```
#0e042e rgb(14,4,46)
```
#140640
```
#140640 rgb(20,6,64)
```
#1a0752
```
#1a0752 rgb(26,7,82)
```
#1f0964
```
#1f0964 rgb(31,9,100)
```
#250a76
```
#250a76 rgb(37,10,118)
```
#2b0c88
```
#2b0c88 rgb(43,12,136)
```
#300d9a
```
#300d9a rgb(48,13,154)
```
#360fac
```
#360fac rgb(54,15,172)
```
#3c11be
```
#3c11be rgb(60,17,190)
```
#4112d0
```
#4112d0 rgb(65,18,208)
```
#4714e2
```
#4714e2 rgb(71,20,226)
```

Shade Color Variation

#511eeb
```
#511eeb rgb(81,30,235)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#6d42ef
```
#6d42ef rgb(109,66,239)
```
#7b54f0
```
#7b54f0 rgb(123,84,240)
```
#8966f2
```
#8966f2 rgb(137,102,242)
```
#9778f3
```
#9778f3 rgb(151,120,243)
```
#a58af5
```
#a58af5 rgb(165,138,245)
```
#b39cf6
```
#b39cf6 rgb(179,156,246)
```
#c1aef8
```
#c1aef8 rgb(193,174,248)
```
#cfc0fa
```
#cfc0fa rgb(207,192,250)
```
#ddd2fb
```
#ddd2fb rgb(221,210,251)
```
#eae4fd
```
#eae4fd rgb(234,228,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8796 is the less saturated color, while #561ffe is the most saturated one.

#8a8796
```
#8a8796 rgb(138,135,150)
```
#867e9f
```
#867e9f rgb(134,126,159)
```
#8275a8
```
#8275a8 rgb(130,117,168)
```
#7d6db0
```
#7d6db0 rgb(125,109,176)
```
#7964b9
```
#7964b9 rgb(121,100,185)
```
#755bc2
```
#755bc2 rgb(117,91,194)
```
#7053ca
```
#7053ca rgb(112,83,202)
```
#6c4ad3
```
#6c4ad3 rgb(108,74,211)
```
#6841dc
```
#6841dc rgb(104,65,220)
```
#6339e4
```
#6339e4 rgb(99,57,228)
```
#5f30ed
```
#5f30ed rgb(95,48,237)
```
#5b27f6
```
#5b27f6 rgb(91,39,246)
```
#561ffe
```
#561ffe rgb(86,31,254)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#564d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#224fce Protanomaly 1% of men, 0.01% of women
#2253be Deuteranomaly 6% of men, 0.4% of women
#2257a1 Tritanomaly 0.01% of the population

#5f30ed hex color

#5f30ed Color Information

#5f30ed Color Conversion

Color Schemes with #5f30ed

Alternatives to #5f30ed

#5f30ed Preview

Shades and Tints of #5f30ed

Tones of #5f30ed

Color Blindness Simulator