#502baa hex color

In a RGB color space, hex #502baa is composed of 31.4% red, 16.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 74.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 257.5 degrees, a saturation of 59.6% and a lightness of 41.8%. #502baa color hex could be obtained by blending #a056ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 17
- B 67
RGB color chart
- C 53
- M 75
- Y 0
- K 33
CMYK color chart

● #502baa color description : Dark violet.

The hexadecimal color #502baa has RGB values of R:80, G:43, B:170 and CMYK values of C:0.53, M:0.75, Y:0, K:0.33. Its decimal value is 5254058.

Hex triplet	502baa	`#502baa`
RGB Decimal	80, 43, 170	`rgb(80,43,170)`
RGB Percent	31.4, 16.9, 66.7	`rgb(31.4%,16.9%,66.7%)`
CMYK	53, 75, 0, 33
HSL	257.5°, 59.6, 41.8	`hsl(257.5,59.6%,41.8%)`
HSV (or HSB)	257.5°, 74.7, 66.7
Web Safe	663399	`#663399`

CIE-LAB	30.243, 47.448, -61.879
XYZ	11.427, 6.335, 38.649
xyY	0.203, 0.112, 6.335
CIE-LCH	30.243, 77.976, 307.481
CIE-LUV	30.243, 3.016, -83.336
Hunter-Lab	25.17, 36.987, -73.421
Binary	01010000, 00101011, 10101010

#502baa
```
#502baa rgb(80,43,170)
```
#85aa2b
```
#85aa2b rgb(133,170,43)
```

Complementary Color

#2b46aa
```
#2b46aa rgb(43,70,170)
```
#502baa
```
#502baa rgb(80,43,170)
```
#902baa
```
#902baa rgb(144,43,170)
```

Analogous Color

#46aa2b
```
#46aa2b rgb(70,170,43)
```
#502baa
```
#502baa rgb(80,43,170)
```
#aa902b
```
#aa902b rgb(170,144,43)
```

Split Complementary Color

#2baa50
```
#2baa50 rgb(43,170,80)
```
#502baa
```
#502baa rgb(80,43,170)
```
#aa502b
```
#aa502b rgb(170,80,43)
```

Triadic Color

#2b85aa
```
#2b85aa rgb(43,133,170)
```
#502baa
```
#502baa rgb(80,43,170)
```
#aa502b
```
#aa502b rgb(170,80,43)
```
#85aa2b
```
#85aa2b rgb(133,170,43)
```

Tetradic Color

#331c6d
```
#331c6d rgb(51,28,109)
```
#3d2181
```
#3d2181 rgb(61,33,129)
```
#462696
```
#462696 rgb(70,38,150)
```
#502baa
```
#502baa rgb(80,43,170)
```
#5a30be
```
#5a30be rgb(90,48,190)
```
#653bcd
```
#653bcd rgb(101,59,205)
```
#754fd2
```
#754fd2 rgb(117,79,210)
```

Monochromatic Color

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

#302baa
```
#302baa rgb(48,43,170)
```
#3b2baa
```
#3b2baa rgb(59,43,170)
```
#452baa
```
#452baa rgb(69,43,170)
```
#502baa
```
#502baa rgb(80,43,170)
```
#5b2baa
```
#5b2baa rgb(91,43,170)
```
#652baa
```
#652baa rgb(101,43,170)
```
#702baa
```
#702baa rgb(112,43,170)
```

Similar Colors

Text with hexadecimal color #502baa

This text has a font color of #502baa.

<span style="color:#502baa;">Text here</span>

#502baa background color

This paragraph has a background color of #502baa.

<p style="background-color:#502baa;">Content here</p>

#502baa border color

This element has a border color of #502baa.

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

CSS codes

.text {color:#502baa;}

.background {background-color:#502baa;}

.border {border:1px solid #502baa;}

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, #06030d is the darkest color, while #fdfdfe is the lightest one.

#06030d
```
#06030d rgb(6,3,13)
```
#0e071d
```
#0e071d rgb(14,7,29)
```
#150b2d
```
#150b2d rgb(21,11,45)
```
#1c0f3c
```
#1c0f3c rgb(28,15,60)
```
#24134c
```
#24134c rgb(36,19,76)
```
#2b175c
```
#2b175c rgb(43,23,92)
```
#331b6b
```
#331b6b rgb(51,27,107)
```
#3a1f7b
```
#3a1f7b rgb(58,31,123)
```
#41238b
```
#41238b rgb(65,35,139)
```
#49279a
```
#49279a rgb(73,39,154)
```
#502baa
```
#502baa rgb(80,43,170)
```
#572fba
```
#572fba rgb(87,47,186)
```
#5f33c9
```
#5f33c9 rgb(95,51,201)
```

Shade Color Variation

#6a41cf
```
#6a41cf rgb(106,65,207)
```
#7751d3
```
#7751d3 rgb(119,81,211)
```
#8360d7
```
#8360d7 rgb(131,96,215)
```
#8f70db
```
#8f70db rgb(143,112,219)
```
#9b80df
```
#9b80df rgb(155,128,223)
```
#a88fe3
```
#a88fe3 rgb(168,143,227)
```
#b49fe7
```
#b49fe7 rgb(180,159,231)
```
#c0afeb
```
#c0afeb rgb(192,175,235)
```
#ccbeef
```
#ccbeef rgb(204,190,239)
```
#d9cef3
```
#d9cef3 rgb(217,206,243)
```
#e5ddf7
```
#e5ddf7 rgb(229,221,247)
```
#f1edfa
```
#f1edfa rgb(241,237,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686471 is the less saturated color, while #3f02d3 is the most saturated one.

#686471
```
#686471 rgb(104,100,113)
```
#655c79
```
#655c79 rgb(101,92,121)
```
#615481
```
#615481 rgb(97,84,129)
```
#5e4c89
```
#5e4c89 rgb(94,76,137)
```
#5a4491
```
#5a4491 rgb(90,68,145)
```
#573b9a
```
#573b9a rgb(87,59,154)
```
#5333a2
```
#5333a2 rgb(83,51,162)
```
#502baa
```
#502baa rgb(80,43,170)
```
#4d23b2
```
#4d23b2 rgb(77,35,178)
```
#491bba
```
#491bba rgb(73,27,186)
```
#4612c3
```
#4612c3 rgb(70,18,195)
```
#420acb
```
#420acb rgb(66,10,203)
```
#3f02d3
```
#3f02d3 rgb(63,2,211)
```

Tone Color Variation

Below, you can see how #502baa 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

#454545 Achromatopsia 0.005% of the population
#474059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#36555b Tritanopia 0.001% of the population

Trichromacy

#1d419f Protanomaly 1% of men, 0.01% of women
#1d4492 Deuteranomaly 6% of men, 0.4% of women
#3f4678 Tritanomaly 0.01% of the population

#502baa hex color

#502baa Color Information

#502baa Color Conversion

Color Schemes with #502baa

Alternatives to #502baa

#502baa Preview

Shades and Tints of #502baa

Tones of #502baa

Color Blindness Simulator