colorhexa.com

#5f42e2 hex color

In a RGB color space, hex #5f42e2 is composed of 37.3% red, 25.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 70.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 250.9 degrees, a saturation of 73.4% and a lightness of 57.3%. #5f42e2 color hex could be obtained by blending #be84ff with #0000c5. Closest websafe color is: #6633cc.

- R 37
- G 26
- B 89
RGB color chart
- C 58
- M 71
- Y 0
- K 11
CMYK color chart

● #5f42e2 color description : Bright blue.

The hexadecimal color #5f42e2 has RGB values of R:95, G:66, B:226 and CMYK values of C:0.58, M:0.71, Y:0, K:0.11. Its decimal value is 6243042.

Hex triplet	5f42e2	`#5f42e2`
RGB Decimal	95, 66, 226	`rgb(95,66,226)`
RGB Percent	37.3, 25.9, 88.6	`rgb(37.3%,25.9%,88.6%)`
CMYK	58, 71, 0, 11
HSL	250.9°, 73.4, 57.3	`hsl(250.9,73.4%,57.3%)`
HSV (or HSB)	250.9°, 70.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.928, 53.948, -77.017
XYZ	20.392, 11.82, 73.154
xyY	0.194, 0.112, 11.82
CIE-LCH	40.928, 94.032, 305.01
CIE-LUV	40.928, -1.223, -113.504
Hunter-Lab	34.38, 45.713, -102.093
Binary	01011111, 01000010, 11100010

#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#c5e242
```
#c5e242 rgb(197,226,66)
```

Complementary Color

#4275e2
```
#4275e2 rgb(66,117,226)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#af42e2
```
#af42e2 rgb(175,66,226)
```

Analogous Color

#75e242
```
#75e242 rgb(117,226,66)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#e2af42
```
#e2af42 rgb(226,175,66)
```

Split Complementary Color

#42e25f
```
#42e25f rgb(66,226,95)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#e25f42
```
#e25f42 rgb(226,95,66)
```

Triadic Color

#42c5e2
```
#42c5e2 rgb(66,197,226)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#e25f42
```
#e25f42 rgb(226,95,66)
```
#c5e242
```
#c5e242 rgb(197,226,66)
```

Tetradic Color

#391dbb
```
#391dbb rgb(57,29,187)
```
#4020d1
```
#4020d1 rgb(64,32,209)
```
#4c2cdf
```
#4c2cdf rgb(76,44,223)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#7258e5
```
#7258e5 rgb(114,88,229)
```
#846ee9
```
#846ee9 rgb(132,110,233)
```
#9784ec
```
#9784ec rgb(151,132,236)
```

Monochromatic Color

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

#424de2
```
#424de2 rgb(66,77,226)
```
#4442e2
```
#4442e2 rgb(68,66,226)
```
#5242e2
```
#5242e2 rgb(82,66,226)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#6c42e2
```
#6c42e2 rgb(108,66,226)
```
#7a42e2
```
#7a42e2 rgb(122,66,226)
```
#8742e2
```
#8742e2 rgb(135,66,226)
```

Similar Colors

Text with hexadecimal color #5f42e2

This text has a font color of #5f42e2.

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

#5f42e2 background color

This paragraph has a background color of #5f42e2.

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

#5f42e2 border color

This element has a border color of #5f42e2.

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

CSS codes

.text {color:#5f42e2;}

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

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

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, #05020f is the darkest color, while #fdfdff is the lightest one.

#05020f
```
#05020f rgb(5,2,15)
```
#0a0520
```
#0a0520 rgb(10,5,32)
```
#0f0831
```
#0f0831 rgb(15,8,49)
```
#140a42
```
#140a42 rgb(20,10,66)
```
#1a0d53
```
#1a0d53 rgb(26,13,83)
```
#1f0f64
```
#1f0f64 rgb(31,15,100)
```
#241275
```
#241275 rgb(36,18,117)
```
#291586
```
#291586 rgb(41,21,134)
```
#2e1797
```
#2e1797 rgb(46,23,151)
```
#341aa8
```
#341aa8 rgb(52,26,168)
```
#391cb9
```
#391cb9 rgb(57,28,185)
```
#3e1fca
```
#3e1fca rgb(62,31,202)
```
#4322db
```
#4322db rgb(67,34,219)
```

Shade Color Variation

#5131df
```
#5131df rgb(81,49,223)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#6d53e5
```
#6d53e5 rgb(109,83,229)
```
#7c64e7
```
#7c64e7 rgb(124,100,231)
```
#8a75ea
```
#8a75ea rgb(138,117,234)
```
#9986ec
```
#9986ec rgb(153,134,236)
```
#a797ef
```
#a797ef rgb(167,151,239)
```
#b5a8f2
```
#b5a8f2 rgb(181,168,242)
```
#c4b9f4
```
#c4b9f4 rgb(196,185,244)
```
#d2caf7
```
#d2caf7 rgb(210,202,247)
```
#e1dbf9
```
#e1dbf9 rgb(225,219,249)
```
#efecfc
```
#efecfc rgb(239,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8f8d97
```
#8f8d97 rgb(143,141,151)
```
#8a859f
```
#8a859f rgb(138,133,159)
```
#847da7
```
#847da7 rgb(132,125,167)
```
#7f74b0
```
#7f74b0 rgb(127,116,176)
```
#7a6cb8
```
#7a6cb8 rgb(122,108,184)
```
#7464c0
```
#7464c0 rgb(116,100,192)
```
#6f5bc9
```
#6f5bc9 rgb(111,91,201)
```
#6a53d1
```
#6a53d1 rgb(106,83,209)
```
#644ada
```
#644ada rgb(100,74,218)
```
#5f42e2
```
#5f42e2 rgb(95,66,226)
```
#5a3aea
```
#5a3aea rgb(90,58,234)
```
#5431f3
```
#5431f3 rgb(84,49,243)
```
#4f29fb
```
#4f29fb rgb(79,41,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#26717a Tritanopia 0.001% of the population

Trichromacy

#2258d0 Protanomaly 1% of men, 0.01% of women
#225cc0 Deuteranomaly 6% of men, 0.4% of women
#3b60a0 Tritanomaly 0.01% of the population