colorhexa.com

#5f40e1 hex color

In a RGB color space, hex #5f40e1 is composed of 37.3% red, 25.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 71.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 251.6 degrees, a saturation of 72.9% and a lightness of 56.7%. #5f40e1 color hex could be obtained by blending #be80ff with #0000c3. Closest websafe color is: #6633cc.

- R 37
- G 25
- B 88
RGB color chart
- C 58
- M 72
- Y 0
- K 12
CMYK color chart

● #5f40e1 color description : Bright blue.

The hexadecimal color #5f40e1 has RGB values of R:95, G:64, B:225 and CMYK values of C:0.58, M:0.72, Y:0, K:0.12. Its decimal value is 6242529.

Hex triplet	5f40e1	`#5f40e1`
RGB Decimal	95, 64, 225	`rgb(95,64,225)`
RGB Percent	37.3, 25.1, 88.2	`rgb(37.3%,25.1%,88.2%)`
CMYK	58, 72, 0, 12
HSL	251.6°, 72.9, 56.7	`hsl(251.6,72.9%,56.7%)`
HSV (or HSB)	251.6°, 71.6, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.468, 54.696, -77.203
XYZ	20.141, 11.535, 72.395
xyY	0.194, 0.111, 11.535
CIE-LCH	40.468, 94.614, 305.316
CIE-LUV	40.468, -0.797, -113.288
Hunter-Lab	33.964, 46.416, -102.605
Binary	01011111, 01000000, 11100001

#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#c2e140
```
#c2e140 rgb(194,225,64)
```

Complementary Color

#4072e1
```
#4072e1 rgb(64,114,225)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#b040e1
```
#b040e1 rgb(176,64,225)
```

Analogous Color

#72e140
```
#72e140 rgb(114,225,64)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#e1b040
```
#e1b040 rgb(225,176,64)
```

Split Complementary Color

#40e15f
```
#40e15f rgb(64,225,95)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#e15f40
```
#e15f40 rgb(225,95,64)
```

Triadic Color

#40c2e1
```
#40c2e1 rgb(64,194,225)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#e15f40
```
#e15f40 rgb(225,95,64)
```
#c2e140
```
#c2e140 rgb(194,225,64)
```

Tetradic Color

#3b1db8
```
#3b1db8 rgb(59,29,184)
```
#4220ce
```
#4220ce rgb(66,32,206)
```
#4d2ade
```
#4d2ade rgb(77,42,222)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#7156e4
```
#7156e4 rgb(113,86,228)
```
#846ce8
```
#846ce8 rgb(132,108,232)
```
#9682eb
```
#9682eb rgb(150,130,235)
```

Monochromatic Color

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

#4049e1
```
#4049e1 rgb(64,73,225)
```
#4440e1
```
#4440e1 rgb(68,64,225)
```
#5240e1
```
#5240e1 rgb(82,64,225)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#6c40e1
```
#6c40e1 rgb(108,64,225)
```
#7a40e1
```
#7a40e1 rgb(122,64,225)
```
#8740e1
```
#8740e1 rgb(135,64,225)
```

Similar Colors

Text with hexadecimal color #5f40e1

This text has a font color of #5f40e1.

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

#5f40e1 background color

This paragraph has a background color of #5f40e1.

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

#5f40e1 border color

This element has a border color of #5f40e1.

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

CSS codes

.text {color:#5f40e1;}

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

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

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, #04020c is the darkest color, while #fbfafe is the lightest one.

#04020c
```
#04020c rgb(4,2,12)
```
#09051d
```
#09051d rgb(9,5,29)
```
#0f072e
```
#0f072e rgb(15,7,46)
```
#140a3f
```
#140a3f rgb(20,10,63)
```
#1a0d50
```
#1a0d50 rgb(26,13,80)
```
#1f0f61
```
#1f0f61 rgb(31,15,97)
```
#241272
```
#241272 rgb(36,18,114)
```
#2a1583
```
#2a1583 rgb(42,21,131)
```
#2f1794
```
#2f1794 rgb(47,23,148)
```
#351aa5
```
#351aa5 rgb(53,26,165)
```
#3a1db6
```
#3a1db6 rgb(58,29,182)
```
#401fc7
```
#401fc7 rgb(64,31,199)
```
#4522d8
```
#4522d8 rgb(69,34,216)
```

Shade Color Variation

#512fde
```
#512fde rgb(81,47,222)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#6d51e4
```
#6d51e4 rgb(109,81,228)
```
#7b62e6
```
#7b62e6 rgb(123,98,230)
```
#8a73e9
```
#8a73e9 rgb(138,115,233)
```
#9884ec
```
#9884ec rgb(152,132,236)
```
#a695ee
```
#a695ee rgb(166,149,238)
```
#b4a6f1
```
#b4a6f1 rgb(180,166,241)
```
#c2b7f4
```
#c2b7f4 rgb(194,183,244)
```
#d1c8f6
```
#d1c8f6 rgb(209,200,246)
```
#dfd9f9
```
#dfd9f9 rgb(223,217,249)
```
#edeafc
```
#edeafc rgb(237,234,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#8e8d95
```
#8e8d95 rgb(142,141,149)
```
#89849d
```
#89849d rgb(137,132,157)
```
#847ca6
```
#847ca6 rgb(132,124,166)
```
#7e73ae
```
#7e73ae rgb(126,115,174)
```
#796bb7
```
#796bb7 rgb(121,107,183)
```
#7462bf
```
#7462bf rgb(116,98,191)
```
#6f5ac8
```
#6f5ac8 rgb(111,90,200)
```
#6951d0
```
#6951d0 rgb(105,81,208)
```
#6449d9
```
#6449d9 rgb(100,73,217)
```
#5f40e1
```
#5f40e1 rgb(95,64,225)
```
#5a38ea
```
#5a38ea rgb(90,56,234)
```
#552ff2
```
#552ff2 rgb(85,47,242)
```
#4f27fb
```
#4f27fb rgb(79,39,251)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5d5677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#277078 Tritanopia 0.001% of the population

Trichromacy

#2257ce Protanomaly 1% of men, 0.01% of women
#225abe Deuteranomaly 6% of men, 0.4% of women
#3b5f9e Tritanomaly 0.01% of the population