#5f58e6 hex color

In a RGB color space, hex #5f58e6 is composed of 37.3% red, 34.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 61.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 243 degrees, a saturation of 74% and a lightness of 62.4%. #5f58e6 color hex could be obtained by blending #beb0ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 35
- B 90
RGB color chart
- C 59
- M 62
- Y 0
- K 10
CMYK color chart

● #5f58e6 color description : Soft blue.

The hexadecimal color #5f58e6 has RGB values of R:95, G:88, B:230 and CMYK values of C:0.59, M:0.62, Y:0, K:0.1. Its decimal value is 6248678.

Hex triplet	5f58e6	`#5f58e6`
RGB Decimal	95, 88, 230	`rgb(95,88,230)`
RGB Percent	37.3, 34.5, 90.2	`rgb(37.3%,34.5%,90.2%)`
CMYK	59, 62, 0, 10
HSL	243°, 74, 62.4	`hsl(243,74%,62.4%)`
HSV (or HSB)	243°, 61.7, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.804, 42.856, -71.312
XYZ	22.489, 15.125, 76.593
xyY	0.197, 0.132, 15.125
CIE-LCH	45.804, 83.199, 301.004
CIE-LUV	45.804, -6.01, -109.706
Hunter-Lab	38.89, 35.163, -89.546
Binary	01011111, 01011000, 11100110

#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#dfe658
```
#dfe658 rgb(223,230,88)
```

Complementary Color

#5898e6
```
#5898e6 rgb(88,152,230)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#a658e6
```
#a658e6 rgb(166,88,230)
```

Analogous Color

#98e658
```
#98e658 rgb(152,230,88)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#e6a658
```
#e6a658 rgb(230,166,88)
```

Split Complementary Color

#58e65f
```
#58e65f rgb(88,230,95)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#e65f58
```
#e65f58 rgb(230,95,88)
```

Triadic Color

#58dfe6
```
#58dfe6 rgb(88,223,230)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#e65f58
```
#e65f58 rgb(230,95,88)
```
#dfe658
```
#dfe658 rgb(223,230,88)
```

Tetradic Color

#281fd2
```
#281fd2 rgb(40,31,210)
```
#352cdf
```
#352cdf rgb(53,44,223)
```
#4a42e3
```
#4a42e3 rgb(74,66,227)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#746ee9
```
#746ee9 rgb(116,110,233)
```
#8a84ed
```
#8a84ed rgb(138,132,237)
```
#9f9bf0
```
#9f9bf0 rgb(159,155,240)
```

Monochromatic Color

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

#5875e6
```
#5875e6 rgb(88,117,230)
```
#5869e6
```
#5869e6 rgb(88,105,230)
```
#585de6
```
#585de6 rgb(88,93,230)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#6b58e6
```
#6b58e6 rgb(107,88,230)
```
#7758e6
```
#7758e6 rgb(119,88,230)
```
#8358e6
```
#8358e6 rgb(131,88,230)
```

Similar Colors

Text with hexadecimal color #5f58e6

This text has a font color of #5f58e6.

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

#5f58e6 background color

This paragraph has a background color of #5f58e6.

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

#5f58e6 border color

This element has a border color of #5f58e6.

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

CSS codes

.text {color:#5f58e6;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040315
```
#040315 rgb(4,3,21)
```
#070626
```
#070626 rgb(7,6,38)
```
#0b0837
```
#0b0837 rgb(11,8,55)
```
#0e0b48
```
#0e0b48 rgb(14,11,72)
```
#110d59
```
#110d59 rgb(17,13,89)
```
#14106a
```
#14106a rgb(20,16,106)
```
#18127b
```
#18127b rgb(24,18,123)
```
#1b158c
```
#1b158c rgb(27,21,140)
```
#1e189d
```
#1e189d rgb(30,24,157)
```
#211aae
```
#211aae rgb(33,26,174)
```
#251dbf
```
#251dbf rgb(37,29,191)
```
#281fd0
```
#281fd0 rgb(40,31,208)
```

Shade Color Variation

#2e25de
```
#2e25de rgb(46,37,222)
```
#3e36e1
```
#3e36e1 rgb(62,54,225)
```
#4f47e3
```
#4f47e3 rgb(79,71,227)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#6f69e9
```
#6f69e9 rgb(111,105,233)
```
#807aeb
```
#807aeb rgb(128,122,235)
```
#908bee
```
#908bee rgb(144,139,238)
```
#a09cf0
```
#a09cf0 rgb(160,156,240)
```
#b1adf3
```
#b1adf3 rgb(177,173,243)
```
#c1bef5
```
#c1bef5 rgb(193,190,245)
```
#d1cff8
```
#d1cff8 rgb(209,207,248)
```
#e2e0fa
```
#e2e0fa rgb(226,224,250)
```
#f2f2fd
```
#f2f2fd rgb(242,242,253)
```

Tint Color Variation

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

#9b9aa4
```
#9b9aa4 rgb(155,154,164)
```
#9493ab
```
#9493ab rgb(148,147,171)
```
#8e8cb2
```
#8e8cb2 rgb(142,140,178)
```
#8784ba
```
#8784ba rgb(135,132,186)
```
#807dc1
```
#807dc1 rgb(128,125,193)
```
#7a76c8
```
#7a76c8 rgb(122,118,200)
```
#736ed0
```
#736ed0 rgb(115,110,208)
```
#6c67d7
```
#6c67d7 rgb(108,103,215)
```
#665fdf
```
#665fdf rgb(102,95,223)
```
#5f58e6
```
#5f58e6 rgb(95,88,230)
```
#5851ed
```
#5851ed rgb(88,81,237)
```
#5249f5
```
#5249f5 rgb(82,73,245)
```
#4b42fc
```
#4b42fc rgb(75,66,252)
```

Tone Color Variation

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

Dichromacy

#0070dc Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#2a7e87 Tritanopia 0.001% of the population

Trichromacy

#2267df Protanomaly 1% of men, 0.01% of women
#226bce Deuteranomaly 6% of men, 0.4% of women
#3d70a9 Tritanomaly 0.01% of the population

#5f58e6 hex color

#5f58e6 Color Information

#5f58e6 Color Conversion

Color Schemes with #5f58e6

Alternatives to #5f58e6

#5f58e6 Preview

Shades and Tints of #5f58e6

Tones of #5f58e6

Color Blindness Simulator