colorhexa.com

#5f36e9 hex color

In a RGB color space, hex #5f36e9 is composed of 37.3% red, 21.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 76.8% magenta, 0% yellow and 8.6% black. It has a hue angle of 253.7 degrees, a saturation of 80.3% and a lightness of 56.3%. #5f36e9 color hex could be obtained by blending #be6cff with #0000d3. Closest websafe color is: #6633ff.

- R 37
- G 21
- B 91
RGB color chart
- C 59
- M 77
- Y 0
- K 9
CMYK color chart

● #5f36e9 color description : Bright blue.

The hexadecimal color #5f36e9 has RGB values of R:95, G:54, B:233 and CMYK values of C:0.59, M:0.77, Y:0, K:0.09. Its decimal value is 6239977.

Hex triplet	5f36e9	`#5f36e9`
RGB Decimal	95, 54, 233	`rgb(95,54,233)`
RGB Percent	37.3, 21.2, 91.4	`rgb(37.3%,21.2%,91.4%)`
CMYK	59, 77, 0, 9
HSL	253.7°, 80.3, 56.3	`hsl(253.7,80.3%,56.3%)`
HSV (or HSB)	253.7°, 76.8, 91.4
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.502, 61.802, -83.342
XYZ	20.744, 10.954, 78.108
xyY	0.189, 0.1, 10.954
CIE-LCH	39.502, 103.757, 306.559
CIE-LUV	39.502, 0.008, -119.787
Hunter-Lab	33.096, 53.959, -116.757
Binary	01011111, 00110110, 11101001

#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#c0e936
```
#c0e936 rgb(192,233,54)
```

Complementary Color

#3667e9
```
#3667e9 rgb(54,103,233)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#b936e9
```
#b936e9 rgb(185,54,233)
```

Analogous Color

#67e936
```
#67e936 rgb(103,233,54)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#e9b936
```
#e9b936 rgb(233,185,54)
```

Split Complementary Color

#36e95f
```
#36e95f rgb(54,233,95)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#e95f36
```
#e95f36 rgb(233,95,54)
```

Triadic Color

#36c0e9
```
#36c0e9 rgb(54,192,233)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#e95f36
```
#e95f36 rgb(233,95,54)
```
#c0e936
```
#c0e936 rgb(192,233,54)
```

Tetradic Color

#3b15be
```
#3b15be rgb(59,21,190)
```
#4317d5
```
#4317d5 rgb(67,23,213)
```
#4d1fe6
```
#4d1fe6 rgb(77,31,230)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#714dec
```
#714dec rgb(113,77,236)
```
#8464ee
```
#8464ee rgb(132,100,238)
```
#967bf1
```
#967bf1 rgb(150,123,241)
```

Monochromatic Color

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

#363ae9
```
#363ae9 rgb(54,58,233)
```
#4136e9
```
#4136e9 rgb(65,54,233)
```
#5036e9
```
#5036e9 rgb(80,54,233)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#6e36e9
```
#6e36e9 rgb(110,54,233)
```
#7d36e9
```
#7d36e9 rgb(125,54,233)
```
#8c36e9
```
#8c36e9 rgb(140,54,233)
```

Similar Colors

Text with hexadecimal color #5f36e9

This text has a font color of #5f36e9.

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

#5f36e9 background color

This paragraph has a background color of #5f36e9.

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

#5f36e9 border color

This element has a border color of #5f36e9.

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

CSS codes

.text {color:#5f36e9;}

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

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

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

#03010b
```
#03010b rgb(3,1,11)
```
#09031d
```
#09031d rgb(9,3,29)
```
#0f052f
```
#0f052f rgb(15,5,47)
```
#140740
```
#140740 rgb(20,7,64)
```
#1a0952
```
#1a0952 rgb(26,9,82)
```
#1f0b64
```
#1f0b64 rgb(31,11,100)
```
#250d75
```
#250d75 rgb(37,13,117)
```
#2a0f87
```
#2a0f87 rgb(42,15,135)
```
#301199
```
#301199 rgb(48,17,153)
```
#3513aa
```
#3513aa rgb(53,19,170)
```
#3b15bc
```
#3b15bc rgb(59,21,188)
```
#4017ce
```
#4017ce rgb(64,23,206)
```
#4618df
```
#4618df rgb(70,24,223)
```

Shade Color Variation

#5124e7
```
#5124e7 rgb(81,36,231)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#6d48eb
```
#6d48eb rgb(109,72,235)
```
#7b59ed
```
#7b59ed rgb(123,89,237)
```
#896bef
```
#896bef rgb(137,107,239)
```
#977df1
```
#977df1 rgb(151,125,241)
```
#a58ef3
```
#a58ef3 rgb(165,142,243)
```
#b3a0f5
```
#b3a0f5 rgb(179,160,245)
```
#c2b2f7
```
#c2b2f7 rgb(194,178,247)
```
#d0c3f8
```
#d0c3f8 rgb(208,195,248)
```
#ded5fa
```
#ded5fa rgb(222,213,250)
```
#ece7fc
```
#ece7fc rgb(236,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#8d8c93
```
#8d8c93 rgb(141,140,147)
```
#89839c
```
#89839c rgb(137,131,156)
```
#847ba4
```
#847ba4 rgb(132,123,164)
```
#8072ad
```
#8072ad rgb(128,114,173)
```
#7b69b6
```
#7b69b6 rgb(123,105,182)
```
#7661be
```
#7661be rgb(118,97,190)
```
#7258c7
```
#7258c7 rgb(114,88,199)
```
#6d50cf
```
#6d50cf rgb(109,80,207)
```
#6847d8
```
#6847d8 rgb(104,71,216)
```
#643fe0
```
#643fe0 rgb(100,63,224)
```
#5f36e9
```
#5f36e9 rgb(95,54,233)
```
#5a2df2
```
#5a2df2 rgb(90,45,242)
```
#5625fa
```
#5625fa rgb(86,37,250)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#595074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#2252ce Protanomaly 1% of men, 0.01% of women
#2255be Deuteranomaly 6% of men, 0.4% of women
#225aa0 Tritanomaly 0.01% of the population