#50257C Hex color

#50257C

The hexadecimal color code #50257C corresponds to the code RGB( 80, 37, 124 ). It's a shade of Purple. This color is a combination of red (at 0,31 level), green (at 0,15 level) and blue (at 0,49 level). Its brightness is 31% and its saturation is 54%. It is composed of red at 33%, green at 15% and blue at 51%.

Features

Hue

Saturation

Brightness

270

Shade of	Purple
Hex Code	#50257C
RGB Code	rgb( 80 , 37 , 124)
RGB Code Percentage	rgb( 31.4% , 14.5% , 48.6% )
HSL	hsl( 270 , 54% , 31% )
Complementary Color	#AFDA83

Variations of #50257C

Lighter Shades

Palette of gradually lightened shades. The lightest shade of #50257C is the color #EDE9F1

#50257c

#613a89

#735096

#8466a3

#967cb0

#a792bd

#b9a7ca

#cabdd7

#dcd3e4

#ede9f1

Darker Shades

Palette of progressively darker shades. The darkest shade is #08030C.

#50257c

#48216f

#401d63

#381956

#30164a

#28123e

#200e31

#180b25

#100718

#08030c

Other Shades of Purple

Examples of other colors within the Purple spectrum .

Indigo

#4B0082

#660099

#884DA7

#370028

#BD33A4

#702963

#6A455D

#C9A0DC

#D2CAEC

#DF73FF

Color Palettes

The complementary color #AFDA83 is the color exactly opposite to #50257C on the color wheel. The triadic palette is created by selecting two colors that are evenly spaced on the color wheel.

Complementary color palette

#50257C

#AFDA83

Triadic palette

#50257C

#7C5025

#257C50

Uses of #50257C in CSS

When using #50257C as the background color, consider selecting a lighter text color for improved readability. If you want to use #50257C as the text color, prefer a light background, such as Blanc.

#50257C as background color

Black text

White text

div{ background: #50257C;  }

Colored text

With a white background or

with a dark background

div{ color: #50257C;  }

Border

#50257C colored border with a width of 3px

div{ border: 3px solid #50257C;  }

Shadow

#50257C shadow colored

div{ box-shadow: 3px 3px 7px #50257C; }

Similar Colors

Other color codes similar or equivalent to the specified color code #50257C.

#4C2575

#502375

#48217C

#50237A

#442569

#501F69

#48216F

#4D2378

#4C237C

#4C2375

Choose another color

Select another color on color wheel.

Selected color:

View this color