#7558e5 hex color

In a RGB color space, hex #7558e5 is composed of 45.9% red, 34.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 61.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 252.3 degrees, a saturation of 73.1% and a lightness of 62.2%. #7558e5 color hex could be obtained by blending #eab0ff with #0000cb. Closest websafe color is: #6666cc.

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

● #7558e5 color description : Soft blue.

The hexadecimal color #7558e5 has RGB values of R:117, G:88, B:229 and CMYK values of C:0.49, M:0.62, Y:0, K:0.1. Its decimal value is 7690469.

Hex triplet	7558e5	`#7558e5`
RGB Decimal	117, 88, 229	`rgb(117,88,229)`
RGB Percent	45.9, 34.5, 89.8	`rgb(45.9%,34.5%,89.8%)`
CMYK	49, 62, 0, 10
HSL	252.3°, 73.1, 62.2	`hsl(252.3,73.1%,62.2%)`
HSV (or HSB)	252.3°, 61.6, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.518, 46.429, -67.88
XYZ	24.966, 16.418, 75.978
xyY	0.213, 0.14, 16.418
CIE-LCH	47.518, 82.24, 304.372
CIE-LUV	47.518, 1.372, -106.449
Hunter-Lab	40.519, 39.076, -82.812
Binary	01110101, 01011000, 11100101

#7558e5
```
#7558e5 rgb(117,88,229)
```
#c8e558
```
#c8e558 rgb(200,229,88)
```

Complementary Color

#5882e5
```
#5882e5 rgb(88,130,229)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#bc58e5
```
#bc58e5 rgb(188,88,229)
```

Analogous Color

#82e558
```
#82e558 rgb(130,229,88)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#e5bc58
```
#e5bc58 rgb(229,188,88)
```

Split Complementary Color

#58e575
```
#58e575 rgb(88,229,117)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#e57558
```
#e57558 rgb(229,117,88)
```

Triadic Color

#58c8e5
```
#58c8e5 rgb(88,200,229)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#e57558
```
#e57558 rgb(229,117,88)
```
#c8e558
```
#c8e558 rgb(200,229,88)
```

Tetradic Color

#4520d0
```
#4520d0 rgb(69,32,208)
```
#512cde
```
#512cde rgb(81,44,222)
```
#6342e2
```
#6342e2 rgb(99,66,226)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#876ee8
```
#876ee8 rgb(135,110,232)
```
#9984ec
```
#9984ec rgb(153,132,236)
```
#ac9aef
```
#ac9aef rgb(172,154,239)
```

Monochromatic Color

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

#585ee5
```
#585ee5 rgb(88,94,229)
```
#5e58e5
```
#5e58e5 rgb(94,88,229)
```
#6958e5
```
#6958e5 rgb(105,88,229)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#8158e5
```
#8158e5 rgb(129,88,229)
```
#8d58e5
```
#8d58e5 rgb(141,88,229)
```
#9858e5
```
#9858e5 rgb(152,88,229)
```

Similar Colors

Text with hexadecimal color #7558e5

This text has a font color of #7558e5.

<span style="color:#7558e5;">Text here</span>

#7558e5 background color

This paragraph has a background color of #7558e5.

<p style="background-color:#7558e5;">Content here</p>

#7558e5 border color

This element has a border color of #7558e5.

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

CSS codes

.text {color:#7558e5;}

.background {background-color:#7558e5;}

.border {border:1px solid #7558e5;}

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

#010003
```
#010003 rgb(1,0,3)
```
#060314
```
#060314 rgb(6,3,20)
```
#0c0625
```
#0c0625 rgb(12,6,37)
```
#120836
```
#120836 rgb(18,8,54)
```
#170b47
```
#170b47 rgb(23,11,71)
```
#1d0e58
```
#1d0e58 rgb(29,14,88)
```
#221069
```
#221069 rgb(34,16,105)
```
#28137a
```
#28137a rgb(40,19,122)
```
#2e168b
```
#2e168b rgb(46,22,139)
```
#33189b
```
#33189b rgb(51,24,155)
```
#391bac
```
#391bac rgb(57,27,172)
```
#3e1dbd
```
#3e1dbd rgb(62,29,189)
```
#4420ce
```
#4420ce rgb(68,32,206)
```

Shade Color Variation

#4b25dd
```
#4b25dd rgb(75,37,221)
```
#5936e0
```
#5936e0 rgb(89,54,224)
```
#6747e2
```
#6747e2 rgb(103,71,226)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#8369e8
```
#8369e8 rgb(131,105,232)
```
#917aea
```
#917aea rgb(145,122,234)
```
#9f8bed
```
#9f8bed rgb(159,139,237)
```
#ad9cf0
```
#ad9cf0 rgb(173,156,240)
```
#bbadf2
```
#bbadf2 rgb(187,173,242)
```
#c9bef5
```
#c9bef5 rgb(201,190,245)
```
#d7cff7
```
#d7cff7 rgb(215,207,247)
```
#e5e0fa
```
#e5e0fa rgb(229,224,250)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Tint Color Variation

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

#9c9ba2
```
#9c9ba2 rgb(156,155,162)
```
#9893aa
```
#9893aa rgb(152,147,170)
```
#948cb1
```
#948cb1 rgb(148,140,177)
```
#8f85b8
```
#8f85b8 rgb(143,133,184)
```
#8b7dc0
```
#8b7dc0 rgb(139,125,192)
```
#8676c7
```
#8676c7 rgb(134,118,199)
```
#826ecf
```
#826ecf rgb(130,110,207)
```
#7e67d6
```
#7e67d6 rgb(126,103,214)
```
#795fde
```
#795fde rgb(121,95,222)
```
#7558e5
```
#7558e5 rgb(117,88,229)
```
#7151ec
```
#7151ec rgb(113,81,236)
```
#6c49f4
```
#6c49f4 rgb(108,73,244)
```
#6842fb
```
#6842fb rgb(104,66,251)
```

Tone Color Variation

Below, you can see how #7558e5 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

#717171 Achromatopsia 0.005% of the population
#726c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#587e87 Tritanopia 0.001% of the population

Trichromacy

#2a6ae4 Protanomaly 1% of men, 0.01% of women
#2a6ed3 Deuteranomaly 6% of men, 0.4% of women
#6270a9 Tritanomaly 0.01% of the population

#7558e5 hex color

#7558e5 Color Information

#7558e5 Color Conversion

Color Schemes with #7558e5

Alternatives to #7558e5

#7558e5 Preview

Shades and Tints of #7558e5

Tones of #7558e5

Color Blindness Simulator