#5f36d4 hex color

In a RGB color space, hex #5f36d4 is composed of 37.3% red, 21.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 74.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 255.6 degrees, a saturation of 64.8% and a lightness of 52.2%. #5f36d4 color hex could be obtained by blending #be6cff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 21
- B 83
RGB color chart
- C 55
- M 75
- Y 0
- K 17
CMYK color chart

● #5f36d4 color description : Moderate violet.

The hexadecimal color #5f36d4 has RGB values of R:95, G:54, B:212 and CMYK values of C:0.55, M:0.75, Y:0, K:0.17. Its decimal value is 6239956.

Hex triplet	5f36d4	`#5f36d4`
RGB Decimal	95, 54, 212	`rgb(95,54,212)`
RGB Percent	37.3, 21.2, 83.1	`rgb(37.3%,21.2%,83.1%)`
CMYK	55, 75, 0, 17
HSL	255.6°, 64.8, 52.2	`hsl(255.6,64.8%,52.2%)`
HSV (or HSB)	255.6°, 74.5, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.525, 55.994, -74.58
XYZ	17.92, 9.824, 63.236
xyY	0.197, 0.108, 9.824
CIE-LCH	37.525, 93.26, 306.899
CIE-LUV	37.525, 1.991, -106.963
Hunter-Lab	31.344, 47.202, -97.677
Binary	01011111, 00110110, 11010100

#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#abd436
```
#abd436 rgb(171,212,54)
```

Complementary Color

#365cd4
```
#365cd4 rgb(54,92,212)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#ae36d4
```
#ae36d4 rgb(174,54,212)
```

Analogous Color

#5cd436
```
#5cd436 rgb(92,212,54)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#d4ae36
```
#d4ae36 rgb(212,174,54)
```

Split Complementary Color

#36d45f
```
#36d45f rgb(54,212,95)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#d45f36
```
#d45f36 rgb(212,95,54)
```

Triadic Color

#36abd4
```
#36abd4 rgb(54,171,212)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#d45f36
```
#d45f36 rgb(212,95,54)
```
#abd436
```
#abd436 rgb(171,212,54)
```

Tetradic Color

#41219c
```
#41219c rgb(65,33,156)
```
#4a26b1
```
#4a26b1 rgb(74,38,177)
```
#532ac6
```
#532ac6 rgb(83,42,198)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#704bd8
```
#704bd8 rgb(112,75,216)
```
#8060dd
```
#8060dd rgb(128,96,221)
```
#9175e1
```
#9175e1 rgb(145,117,225)
```

Monochromatic Color

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

#3836d4
```
#3836d4 rgb(56,54,212)
```
#4536d4
```
#4536d4 rgb(69,54,212)
```
#5236d4
```
#5236d4 rgb(82,54,212)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#6c36d4
```
#6c36d4 rgb(108,54,212)
```
#7936d4
```
#7936d4 rgb(121,54,212)
```
#8736d4
```
#8736d4 rgb(135,54,212)
```

Similar Colors

Text with hexadecimal color #5f36d4

This text has a font color of #5f36d4.

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

#5f36d4 background color

This paragraph has a background color of #5f36d4.

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

#5f36d4 border color

This element has a border color of #5f36d4.

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

CSS codes

.text {color:#5f36d4;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0b0519
```
#0b0519 rgb(11,5,25)
```
#110929
```
#110929 rgb(17,9,41)
```
#180c3a
```
#180c3a rgb(24,12,58)
```
#1f104a
```
#1f104a rgb(31,16,74)
```
#26135a
```
#26135a rgb(38,19,90)
```
#2c176a
```
#2c176a rgb(44,23,106)
```
#331a7a
```
#331a7a rgb(51,26,122)
```
#3a1e8a
```
#3a1e8a rgb(58,30,138)
```
#41219a
```
#41219a rgb(65,33,154)
```
#4725ab
```
#4725ab rgb(71,37,171)
```
#4e28bb
```
#4e28bb rgb(78,40,187)
```
#552bcb
```
#552bcb rgb(85,43,203)
```

Shade Color Variation

#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#6c46d7
```
#6c46d7 rgb(108,70,215)
```
#7956db
```
#7956db rgb(121,86,219)
```
#8666de
```
#8666de rgb(134,102,222)
```
#9277e2
```
#9277e2 rgb(146,119,226)
```
#9f87e5
```
#9f87e5 rgb(159,135,229)
```
#ac97e9
```
#ac97e9 rgb(172,151,233)
```
#b9a7ec
```
#b9a7ec rgb(185,167,236)
```
#c6b7f0
```
#c6b7f0 rgb(198,183,240)
```
#d3c7f3
```
#d3c7f3 rgb(211,199,243)
```
#e0d8f7
```
#e0d8f7 rgb(224,216,247)
```
#ece8fa
```
#ece8fa rgb(236,232,250)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#838189
```
#838189 rgb(131,129,137)
```
#7f7892
```
#7f7892 rgb(127,120,146)
```
#7a6e9c
```
#7a6e9c rgb(122,110,156)
```
#7665a5
```
#7665a5 rgb(118,101,165)
```
#715cae
```
#715cae rgb(113,92,174)
```
#6d52b8
```
#6d52b8 rgb(109,82,184)
```
#6849c1
```
#6849c1 rgb(104,73,193)
```
#643fcb
```
#643fcb rgb(100,63,203)
```
#5f36d4
```
#5f36d4 rgb(95,54,212)
```
#5a2ddd
```
#5a2ddd rgb(90,45,221)
```
#5623e7
```
#5623e7 rgb(86,35,231)
```
#511af0
```
#511af0 rgb(81,26,240)
```
#4d10fa
```
#4d10fa rgb(77,16,250)
```

Tone Color Variation

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

Dichromacy

#005eb7 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#34686f Tritanopia 0.001% of the population

Trichromacy

#224fc1 Protanomaly 1% of men, 0.01% of women
#2252b2 Deuteranomaly 6% of men, 0.4% of women
#445594 Tritanomaly 0.01% of the population

#5f36d4 hex color

#5f36d4 Color Information

#5f36d4 Color Conversion

Color Schemes with #5f36d4

Alternatives to #5f36d4

#5f36d4 Preview

Shades and Tints of #5f36d4

Tones of #5f36d4

Color Blindness Simulator