#7557bc hex color

In a RGB color space, hex #7557bc is composed of 45.9% red, 34.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 37.8% cyan, 53.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 257.8 degrees, a saturation of 43% and a lightness of 53.9%. #7557bc color hex could be obtained by blending #eaaeff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 34
- B 74
RGB color chart
- C 38
- M 54
- Y 0
- K 26
CMYK color chart

● #7557bc color description : Moderate violet.

The hexadecimal color #7557bc has RGB values of R:117, G:87, B:188 and CMYK values of C:0.38, M:0.54, Y:0, K:0.26. Its decimal value is 7690172.

Hex triplet	7557bc	`#7557bc`
RGB Decimal	117, 87, 188	`rgb(117,87,188)`
RGB Percent	45.9, 34.1, 73.7	`rgb(45.9%,34.1%,73.7%)`
CMYK	38, 54, 0, 26
HSL	257.8°, 43, 53.9	`hsl(257.8,43%,53.9%)`
HSV (or HSB)	257.8°, 53.7, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.56, 35.467, -49.139
XYZ	19.82, 14.229, 49.276
xyY	0.238, 0.171, 14.229
CIE-LCH	44.56, 60.602, 305.82
CIE-LUV	44.56, 5.906, -76.634
Hunter-Lab	37.721, 27.776, -51.047
Binary	01110101, 01010111, 10111100

#7557bc
```
#7557bc rgb(117,87,188)
```
#9ebc57
```
#9ebc57 rgb(158,188,87)
```

Complementary Color

#576cbc
```
#576cbc rgb(87,108,188)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#a857bc
```
#a857bc rgb(168,87,188)
```

Analogous Color

#6cbc57
```
#6cbc57 rgb(108,188,87)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#bca857
```
#bca857 rgb(188,168,87)
```

Split Complementary Color

#57bc75
```
#57bc75 rgb(87,188,117)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#bc7557
```
#bc7557 rgb(188,117,87)
```

Triadic Color

#579ebc
```
#579ebc rgb(87,158,188)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#bc7557
```
#bc7557 rgb(188,117,87)
```
#9ebc57
```
#9ebc57 rgb(158,188,87)
```

Tetradic Color

#52398e
```
#52398e rgb(82,57,142)
```
#5c40a0
```
#5c40a0 rgb(92,64,160)
```
#6747b2
```
#6747b2 rgb(103,71,178)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#8469c3
```
#8469c3 rgb(132,105,195)
```
#937bcb
```
#937bcb rgb(147,123,203)
```
#a28ed2
```
#a28ed2 rgb(162,142,210)
```

Monochromatic Color

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

#5c57bc
```
#5c57bc rgb(92,87,188)
```
#6457bc
```
#6457bc rgb(100,87,188)
```
#6d57bc
```
#6d57bc rgb(109,87,188)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#7d57bc
```
#7d57bc rgb(125,87,188)
```
#8657bc
```
#8657bc rgb(134,87,188)
```
#8e57bc
```
#8e57bc rgb(142,87,188)
```

Similar Colors

Text with hexadecimal color #7557bc

This text has a font color of #7557bc.

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

#7557bc background color

This paragraph has a background color of #7557bc.

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

#7557bc border color

This element has a border color of #7557bc.

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

CSS codes

.text {color:#7557bc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08060e
```
#08060e rgb(8,6,14)
```
#100b1c
```
#100b1c rgb(16,11,28)
```
#18112a
```
#18112a rgb(24,17,42)
```
#211638
```
#211638 rgb(33,22,56)
```
#291c46
```
#291c46 rgb(41,28,70)
```
#312254
```
#312254 rgb(49,34,84)
```
#392762
```
#392762 rgb(57,39,98)
```
#412d70
```
#412d70 rgb(65,45,112)
```
#49327e
```
#49327e rgb(73,50,126)
```
#51388d
```
#51388d rgb(81,56,141)
```
#593e9b
```
#593e9b rgb(89,62,155)
```
#6143a9
```
#6143a9 rgb(97,67,169)
```

Shade Color Variation

#6949b6
```
#6949b6 rgb(105,73,182)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#8165c2
```
#8165c2 rgb(129,101,194)
```
#8c73c7
```
#8c73c7 rgb(140,115,199)
```
#9881cd
```
#9881cd rgb(152,129,205)
```
#a38fd2
```
#a38fd2 rgb(163,143,210)
```
#af9dd8
```
#af9dd8 rgb(175,157,216)
```
#baabde
```
#baabde rgb(186,171,222)
```
#c6b9e3
```
#c6b9e3 rgb(198,185,227)
```
#d1c7e9
```
#d1c7e9 rgb(209,199,233)
```
#ddd5ee
```
#ddd5ee rgb(221,213,238)
```
#e8e3f4
```
#e8e3f4 rgb(232,227,244)
```
#f4f1fa
```
#f4f1fa rgb(244,241,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87848f is the less saturated color, while #5b18fb is the most saturated one.

#87848f
```
#87848f rgb(135,132,143)
```
#847b98
```
#847b98 rgb(132,123,152)
```
#8072a1
```
#8072a1 rgb(128,114,161)
```
#7c69aa
```
#7c69aa rgb(124,105,170)
```
#7960b3
```
#7960b3 rgb(121,96,179)
```
#7557bc
```
#7557bc rgb(117,87,188)
```
#714ec5
```
#714ec5 rgb(113,78,197)
```
#6e45ce
```
#6e45ce rgb(110,69,206)
```
#6a3cd7
```
#6a3cd7 rgb(106,60,215)
```
#6633e0
```
#6633e0 rgb(102,51,224)
```
#632ae9
```
#632ae9 rgb(99,42,233)
```
#5f21f2
```
#5f21f2 rgb(95,33,242)
```
#5b18fb
```
#5b18fb rgb(91,24,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6d677b Atypical Achromatopsia 0.001% of the population

Dichromacy

#346ecb Protanopia 1% of men
#3472b8 Deuteranopia 1% of men
#69727a Tritanopia 0.001% of the population

Trichromacy

#4c65c6 Protanomaly 1% of men, 0.01% of women
#4b68b9 Deuteranomaly 6% of men, 0.4% of women
#6d6892 Tritanomaly 0.01% of the population

#7557bc hex color

#7557bc Color Information

#7557bc Color Conversion

Color Schemes with #7557bc

Alternatives to #7557bc

#7557bc Preview

Shades and Tints of #7557bc

Tones of #7557bc

Color Blindness Simulator