#5f58e4 hex color

In a RGB color space, hex #5f58e4 is composed of 37.3% red, 34.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 61.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 243 degrees, a saturation of 72.2% and a lightness of 62%. #5f58e4 color hex could be obtained by blending #beb0ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 35
- B 89
RGB color chart
- C 58
- M 61
- Y 0
- K 11
CMYK color chart

● #5f58e4 color description : Soft blue.

The hexadecimal color #5f58e4 has RGB values of R:95, G:88, B:228 and CMYK values of C:0.58, M:0.61, Y:0, K:0.11. Its decimal value is 6248676.

Hex triplet	5f58e4	`#5f58e4`
RGB Decimal	95, 88, 228	`rgb(95,88,228)`
RGB Percent	37.3, 34.5, 89.4	`rgb(37.3%,34.5%,89.4%)`
CMYK	58, 61, 0, 11
HSL	243°, 72.2, 62	`hsl(243,72.2%,62%)`
HSV (or HSB)	243°, 61.4, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.652, 42.228, -70.429
XYZ	22.21, 15.013, 75.122
xyY	0.198, 0.134, 15.013
CIE-LCH	45.652, 82.118, 300.946
CIE-LUV	45.652, -5.891, -108.332
Hunter-Lab	38.746, 34.512, -87.829
Binary	01011111, 01011000, 11100100

#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#dde458
```
#dde458 rgb(221,228,88)
```

Complementary Color

#5897e4
```
#5897e4 rgb(88,151,228)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#a558e4
```
#a558e4 rgb(165,88,228)
```

Analogous Color

#97e458
```
#97e458 rgb(151,228,88)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#e4a558
```
#e4a558 rgb(228,165,88)
```

Split Complementary Color

#58e45f
```
#58e45f rgb(88,228,95)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#e45f58
```
#e45f58 rgb(228,95,88)
```

Triadic Color

#58dde4
```
#58dde4 rgb(88,221,228)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#e45f58
```
#e45f58 rgb(228,95,88)
```
#dde458
```
#dde458 rgb(221,228,88)
```

Tetradic Color

#2a21ce
```
#2a21ce rgb(42,33,206)
```
#352cdd
```
#352cdd rgb(53,44,221)
```
#4a42e0
```
#4a42e0 rgb(74,66,224)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#746ee8
```
#746ee8 rgb(116,110,232)
```
#8984eb
```
#8984eb rgb(137,132,235)
```
#9e9aef
```
#9e9aef rgb(158,154,239)
```

Monochromatic Color

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

#5874e4
```
#5874e4 rgb(88,116,228)
```
#5868e4
```
#5868e4 rgb(88,104,228)
```
#585de4
```
#585de4 rgb(88,93,228)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#6b58e4
```
#6b58e4 rgb(107,88,228)
```
#7658e4
```
#7658e4 rgb(118,88,228)
```
#8258e4
```
#8258e4 rgb(130,88,228)
```

Similar Colors

Text with hexadecimal color #5f58e4

This text has a font color of #5f58e4.

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

#5f58e4 background color

This paragraph has a background color of #5f58e4.

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

#5f58e4 border color

This element has a border color of #5f58e4.

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

CSS codes

.text {color:#5f58e4;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040313
```
#040313 rgb(4,3,19)
```
#070624
```
#070624 rgb(7,6,36)
```
#0b0835
```
#0b0835 rgb(11,8,53)
```
#0e0b45
```
#0e0b45 rgb(14,11,69)
```
#120e56
```
#120e56 rgb(18,14,86)
```
#151167
```
#151167 rgb(21,17,103)
```
#181378
```
#181378 rgb(24,19,120)
```
#1c1689
```
#1c1689 rgb(28,22,137)
```
#1f199a
```
#1f199a rgb(31,25,154)
```
#231cab
```
#231cab rgb(35,28,171)
```
#261ebc
```
#261ebc rgb(38,30,188)
```
#2a21cc
```
#2a21cc rgb(42,33,204)
```

Shade Color Variation

#2e25dc
```
#2e25dc rgb(46,37,220)
```
#3f36df
```
#3f36df rgb(63,54,223)
```
#4f47e1
```
#4f47e1 rgb(79,71,225)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#6f69e7
```
#6f69e7 rgb(111,105,231)
```
#7f7ae9
```
#7f7ae9 rgb(127,122,233)
```
#908bec
```
#908bec rgb(144,139,236)
```
#a09cef
```
#a09cef rgb(160,156,239)
```
#b0acf2
```
#b0acf2 rgb(176,172,242)
```
#c0bdf4
```
#c0bdf4 rgb(192,189,244)
```
#d0cef7
```
#d0cef7 rgb(208,206,247)
```
#e0dffa
```
#e0dffa rgb(224,223,250)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

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

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9594a8
```
#9594a8 rgb(149,148,168)
```
#8e8cb0
```
#8e8cb0 rgb(142,140,176)
```
#8785b7
```
#8785b7 rgb(135,133,183)
```
#817dbf
```
#817dbf rgb(129,125,191)
```
#7a76c6
```
#7a76c6 rgb(122,118,198)
```
#736ece
```
#736ece rgb(115,110,206)
```
#6c67d5
```
#6c67d5 rgb(108,103,213)
```
#665fdd
```
#665fdd rgb(102,95,221)
```
#5f58e4
```
#5f58e4 rgb(95,88,228)
```
#5851eb
```
#5851eb rgb(88,81,235)
```
#5249f3
```
#5249f3 rgb(82,73,243)
```
#4b42fa
```
#4b42fa rgb(75,66,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#2d7d86 Tritanopia 0.001% of the population

Trichromacy

#2267de Protanomaly 1% of men, 0.01% of women
#226bcd Deuteranomaly 6% of men, 0.4% of women
#3f70a8 Tritanomaly 0.01% of the population

#5f58e4 hex color

#5f58e4 Color Information

#5f58e4 Color Conversion

Color Schemes with #5f58e4

Alternatives to #5f58e4

#5f58e4 Preview

Shades and Tints of #5f58e4

Tones of #5f58e4

Color Blindness Simulator