#7557e4 hex color

In a RGB color space, hex #7557e4 is composed of 45.9% red, 34.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 61.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 252.8 degrees, a saturation of 72.3% and a lightness of 61.8%. #7557e4 color hex could be obtained by blending #eaaeff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 34
- B 89
RGB color chart
- C 49
- M 62
- Y 0
- K 11
CMYK color chart

● #7557e4 color description : Soft blue.

The hexadecimal color #7557e4 has RGB values of R:117, G:87, B:228 and CMYK values of C:0.49, M:0.62, Y:0, K:0.11. Its decimal value is 7690212.

Hex triplet	7557e4	`#7557e4`
RGB Decimal	117, 87, 228	`rgb(117,87,228)`
RGB Percent	45.9, 34.1, 89.4	`rgb(45.9%,34.1%,89.4%)`
CMYK	49, 62, 0, 11
HSL	252.8°, 72.3, 61.8	`hsl(252.8,72.3%,61.8%)`
HSV (or HSB)	252.8°, 61.8, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.235, 46.704, -67.775
XYZ	24.745, 16.199, 75.217
xyY	0.213, 0.139, 16.199
CIE-LCH	47.235, 82.308, 304.571
CIE-LUV	47.235, 1.705, -106.134
Hunter-Lab	40.248, 39.311, -82.63
Binary	01110101, 01010111, 11100100

#7557e4
```
#7557e4 rgb(117,87,228)
```
#c6e457
```
#c6e457 rgb(198,228,87)
```

Complementary Color

#5780e4
```
#5780e4 rgb(87,128,228)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#bc57e4
```
#bc57e4 rgb(188,87,228)
```

Analogous Color

#80e457
```
#80e457 rgb(128,228,87)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#e4bc57
```
#e4bc57 rgb(228,188,87)
```

Split Complementary Color

#57e475
```
#57e475 rgb(87,228,117)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#e47557
```
#e47557 rgb(228,117,87)
```

Triadic Color

#57c6e4
```
#57c6e4 rgb(87,198,228)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#e47557
```
#e47557 rgb(228,117,87)
```
#c6e457
```
#c6e457 rgb(198,228,87)
```

Tetradic Color

#4621cd
```
#4621cd rgb(70,33,205)
```
#512bdd
```
#512bdd rgb(81,43,221)
```
#6341e0
```
#6341e0 rgb(99,65,224)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#876de8
```
#876de8 rgb(135,109,232)
```
#9983eb
```
#9983eb rgb(153,131,235)
```
#ab99ef
```
#ab99ef rgb(171,153,239)
```

Monochromatic Color

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

#575ce4
```
#575ce4 rgb(87,92,228)
```
#5d57e4
```
#5d57e4 rgb(93,87,228)
```
#6957e4
```
#6957e4 rgb(105,87,228)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#8157e4
```
#8157e4 rgb(129,87,228)
```
#8d57e4
```
#8d57e4 rgb(141,87,228)
```
#9857e4
```
#9857e4 rgb(152,87,228)
```

Similar Colors

Text with hexadecimal color #7557e4

This text has a font color of #7557e4.

<span style="color:#7557e4;">Text here</span>

#7557e4 background color

This paragraph has a background color of #7557e4.

<p style="background-color:#7557e4;">Content here</p>

#7557e4 border color

This element has a border color of #7557e4.

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

CSS codes

.text {color:#7557e4;}

.background {background-color:#7557e4;}

.border {border:1px solid #7557e4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#060312
```
#060312 rgb(6,3,18)
```
#0c0623
```
#0c0623 rgb(12,6,35)
```
#120834
```
#120834 rgb(18,8,52)
```
#170b45
```
#170b45 rgb(23,11,69)
```
#1d0e55
```
#1d0e55 rgb(29,14,85)
```
#231066
```
#231066 rgb(35,16,102)
```
#281377
```
#281377 rgb(40,19,119)
```
#2e1688
```
#2e1688 rgb(46,22,136)
```
#341999
```
#341999 rgb(52,25,153)
```
#3a1baa
```
#3a1baa rgb(58,27,170)
```
#3f1ebb
```
#3f1ebb rgb(63,30,187)
```
#4521cc
```
#4521cc rgb(69,33,204)
```

Shade Color Variation

#4b24dc
```
#4b24dc rgb(75,36,220)
```
#5935df
```
#5935df rgb(89,53,223)
```
#6746e1
```
#6746e1 rgb(103,70,225)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#8368e7
```
#8368e7 rgb(131,104,231)
```
#9179e9
```
#9179e9 rgb(145,121,233)
```
#9f8aec
```
#9f8aec rgb(159,138,236)
```
#ad9bef
```
#ad9bef rgb(173,155,239)
```
#baabf2
```
#baabf2 rgb(186,171,242)
```
#c8bcf4
```
#c8bcf4 rgb(200,188,244)
```
#d6cdf7
```
#d6cdf7 rgb(214,205,247)
```
#e4defa
```
#e4defa rgb(228,222,250)
```
#f2effc
```
#f2effc rgb(242,239,252)
```

Tint Color Variation

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

#9c9ba1
```
#9c9ba1 rgb(156,155,161)
```
#9793a8
```
#9793a8 rgb(151,147,168)
```
#938cb0
```
#938cb0 rgb(147,140,176)
```
#8f84b7
```
#8f84b7 rgb(143,132,183)
```
#8b7dbf
```
#8b7dbf rgb(139,125,191)
```
#8675c6
```
#8675c6 rgb(134,117,198)
```
#826ece
```
#826ece rgb(130,110,206)
```
#7e66d5
```
#7e66d5 rgb(126,102,213)
```
#795fdd
```
#795fdd rgb(121,95,221)
```
#7557e4
```
#7557e4 rgb(117,87,228)
```
#7150ec
```
#7150ec rgb(113,80,236)
```
#6c48f3
```
#6c48f3 rgb(108,72,243)
```
#6841fb
```
#6841fb rgb(104,65,251)
```

Tone Color Variation

Below, you can see how #7557e4 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

#707070 Achromatopsia 0.005% of the population
#716b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#587d86 Tritanopia 0.001% of the population

Trichromacy

#2a69e3 Protanomaly 1% of men, 0.01% of women
#2a6dd2 Deuteranomaly 6% of men, 0.4% of women
#626fa8 Tritanomaly 0.01% of the population

#7557e4 hex color

#7557e4 Color Information

#7557e4 Color Conversion

Color Schemes with #7557e4

Alternatives to #7557e4

#7557e4 Preview

Shades and Tints of #7557e4

Tones of #7557e4

Color Blindness Simulator