colorhexa.com

#5f30d3 hex color

In a RGB color space, hex #5f30d3 is composed of 37.3% red, 18.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 77.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 257.3 degrees, a saturation of 64.9% and a lightness of 50.8%. #5f30d3 color hex could be obtained by blending #be60ff with #0000a7. Closest websafe color is: #6633cc.

- R 37
- G 19
- B 83
RGB color chart
- C 55
- M 77
- Y 0
- K 17
CMYK color chart

● #5f30d3 color description : Strong violet.

The hexadecimal color #5f30d3 has RGB values of R:95, G:48, B:211 and CMYK values of C:0.55, M:0.77, Y:0, K:0.17. Its decimal value is 6238419.

Hex triplet	5f30d3	`#5f30d3`
RGB Decimal	95, 48, 211	`rgb(95,48,211)`
RGB Percent	37.3, 18.8, 82.7	`rgb(37.3%,18.8%,82.7%)`
CMYK	55, 77, 0, 17
HSL	257.3°, 64.9, 50.8	`hsl(257.3,64.9%,50.8%)`
HSV (or HSB)	257.3°, 77.3, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.46, 58.499, -75.754
XYZ	17.532, 9.25, 62.486
xyY	0.196, 0.104, 9.25
CIE-LCH	36.46, 95.712, 307.676
CIE-LUV	36.46, 2.929, -107.194
Hunter-Lab	30.413, 49.676, -100.527
Binary	01011111, 00110000, 11010011

#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#a4d330
```
#a4d330 rgb(164,211,48)
```

Complementary Color

#3053d3
```
#3053d3 rgb(48,83,211)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#b130d3
```
#b130d3 rgb(177,48,211)
```

Analogous Color

#53d330
```
#53d330 rgb(83,211,48)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#d3b130
```
#d3b130 rgb(211,177,48)
```

Split Complementary Color

#30d35f
```
#30d35f rgb(48,211,95)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#d35f30
```
#d35f30 rgb(211,95,48)
```

Triadic Color

#30a4d3
```
#30a4d3 rgb(48,164,211)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#d35f30
```
#d35f30 rgb(211,95,48)
```
#a4d330
```
#a4d330 rgb(164,211,48)
```

Tetradic Color

#422097
```
#422097 rgb(66,32,151)
```
#4b24ac
```
#4b24ac rgb(75,36,172)
```
#5529c1
```
#5529c1 rgb(85,41,193)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#6f45d7
```
#6f45d7 rgb(111,69,215)
```
#805adc
```
#805adc rgb(128,90,220)
```
#906fe0
```
#906fe0 rgb(144,111,224)
```

Monochromatic Color

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

#3630d3
```
#3630d3 rgb(54,48,211)
```
#4430d3
```
#4430d3 rgb(68,48,211)
```
#5130d3
```
#5130d3 rgb(81,48,211)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#6d30d3
```
#6d30d3 rgb(109,48,211)
```
#7a30d3
```
#7a30d3 rgb(122,48,211)
```
#8830d3
```
#8830d3 rgb(136,48,211)
```

Similar Colors

Text with hexadecimal color #5f30d3

This text has a font color of #5f30d3.

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

#5f30d3 background color

This paragraph has a background color of #5f30d3.

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

#5f30d3 border color

This element has a border color of #5f30d3.

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

CSS codes

.text {color:#5f30d3;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#090413
```
#090413 rgb(9,4,19)
```
#100824
```
#100824 rgb(16,8,36)
```
#170b34
```
#170b34 rgb(23,11,52)
```
#1e0e44
```
#1e0e44 rgb(30,14,68)
```
#251254
```
#251254 rgb(37,18,84)
```
#2c1564
```
#2c1564 rgb(44,21,100)
```
#331975
```
#331975 rgb(51,25,117)
```
#3a1c85
```
#3a1c85 rgb(58,28,133)
```
#412095
```
#412095 rgb(65,32,149)
```
#4923a5
```
#4923a5 rgb(73,35,165)
```
#5027b5
```
#5027b5 rgb(80,39,181)
```
#572ac5
```
#572ac5 rgb(87,42,197)
```

Shade Color Variation

#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#6c40d6
```
#6c40d6 rgb(108,64,214)
```
#7850da
```
#7850da rgb(120,80,218)
```
#8561dd
```
#8561dd rgb(133,97,221)
```
#9171e1
```
#9171e1 rgb(145,113,225)
```
#9e81e4
```
#9e81e4 rgb(158,129,228)
```
#aa91e8
```
#aa91e8 rgb(170,145,232)
```
#b7a1eb
```
#b7a1eb rgb(183,161,235)
```
#c3b1ef
```
#c3b1ef rgb(195,177,239)
```
#d0c2f2
```
#d0c2f2 rgb(208,194,242)
```
#dcd2f5
```
#dcd2f5 rgb(220,210,245)
```
#e9e2f9
```
#e9e2f9 rgb(233,226,249)
```
#f5f2fc
```
#f5f2fc rgb(245,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807d86 is the less saturated color, while #4f09fa is the most saturated one.

#807d86
```
#807d86 rgb(128,125,134)
```
#7c748f
```
#7c748f rgb(124,116,143)
```
#786a99
```
#786a99 rgb(120,106,153)
```
#7360a3
```
#7360a3 rgb(115,96,163)
```
#6f57ac
```
#6f57ac rgb(111,87,172)
```
#6b4db6
```
#6b4db6 rgb(107,77,182)
```
#6743c0
```
#6743c0 rgb(103,67,192)
```
#633ac9
```
#633ac9 rgb(99,58,201)
```
#5f30d3
```
#5f30d3 rgb(95,48,211)
```
#5b26dd
```
#5b26dd rgb(91,38,221)
```
#571de6
```
#571de6 rgb(87,29,230)
```
#5313f0
```
#5313f0 rgb(83,19,240)
```
#4f09fa
```
#4f09fa rgb(79,9,250)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#544a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#34656c Tritanopia 0.001% of the population

Trichromacy

#224bbe Protanomaly 1% of men, 0.01% of women
#224faf Deuteranomaly 6% of men, 0.4% of women
#445292 Tritanomaly 0.01% of the population