#502a89 hex color

In a RGB color space, hex #502a89 is composed of 31.4% red, 16.5% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 69.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 264 degrees, a saturation of 53.1% and a lightness of 35.1%. #502a89 color hex could be obtained by blending #a054ff with #000013. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 16
- B 54
RGB color chart
- C 42
- M 69
- Y 0
- K 46
CMYK color chart

● #502a89 color description : Dark moderate violet.

The hexadecimal color #502a89 has RGB values of R:80, G:42, B:137 and CMYK values of C:0.42, M:0.69, Y:0, K:0.46. Its decimal value is 5253769.

Hex triplet	502a89	`#502a89`
RGB Decimal	80, 42, 137	`rgb(80,42,137)`
RGB Percent	31.4, 16.5, 53.7	`rgb(31.4%,16.5%,53.7%)`
CMYK	42, 69, 0, 46
HSL	264°, 53.1, 35.1	`hsl(264,53.1%,35.1%)`
HSV (or HSB)	264°, 69.3, 53.7
Web Safe	663399	`#663399`

CIE-LAB	27.207, 38.674, -46.665
XYZ	8.651, 5.168, 24.207
xyY	0.228, 0.136, 5.168
CIE-LCH	27.207, 60.608, 309.651
CIE-LUV	27.207, 7.104, -62.051
Hunter-Lab	22.732, 28.147, -47.224
Binary	01010000, 00101010, 10001001

#502a89
```
#502a89 rgb(80,42,137)
```
#63892a
```
#63892a rgb(99,137,42)
```

Complementary Color

#2a3489
```
#2a3489 rgb(42,52,137)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#802a89
```
#802a89 rgb(128,42,137)
```

Analogous Color

#34892a
```
#34892a rgb(52,137,42)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#89802a
```
#89802a rgb(137,128,42)
```

Split Complementary Color

#2a8950
```
#2a8950 rgb(42,137,80)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#89502a
```
#89502a rgb(137,80,42)
```

Triadic Color

#2a6389
```
#2a6389 rgb(42,99,137)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#89502a
```
#89502a rgb(137,80,42)
```
#63892a
```
#63892a rgb(99,137,42)
```

Tetradic Color

#2e184e
```
#2e184e rgb(46,24,78)
```
#391e62
```
#391e62 rgb(57,30,98)
```
#452475
```
#452475 rgb(69,36,117)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#5b309d
```
#5b309d rgb(91,48,157)
```
#6736b0
```
#6736b0 rgb(103,54,176)
```
#723cc3
```
#723cc3 rgb(114,60,195)
```

Monochromatic Color

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

#382a89
```
#382a89 rgb(56,42,137)
```
#402a89
```
#402a89 rgb(64,42,137)
```
#482a89
```
#482a89 rgb(72,42,137)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#582a89
```
#582a89 rgb(88,42,137)
```
#602a89
```
#602a89 rgb(96,42,137)
```
#682a89
```
#682a89 rgb(104,42,137)
```

Similar Colors

Text with hexadecimal color #502a89

This text has a font color of #502a89.

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

#502a89 background color

This paragraph has a background color of #502a89.

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

#502a89 border color

This element has a border color of #502a89.

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

CSS codes

.text {color:#502a89;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0511
```
#0a0511 rgb(10,5,17)
```
#130a20
```
#130a20 rgb(19,10,32)
```
#1b0e2f
```
#1b0e2f rgb(27,14,47)
```
#24133e
```
#24133e rgb(36,19,62)
```
#2d184d
```
#2d184d rgb(45,24,77)
```
#361c5c
```
#361c5c rgb(54,28,92)
```
#3e216b
```
#3e216b rgb(62,33,107)
```
#47257a
```
#47257a rgb(71,37,122)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#592f98
```
#592f98 rgb(89,47,152)
```
#6233a7
```
#6233a7 rgb(98,51,167)
```
#6a38b6
```
#6a38b6 rgb(106,56,182)
```

Shade Color Variation

#733ec4
```
#733ec4 rgb(115,62,196)
```
#7e4dc8
```
#7e4dc8 rgb(126,77,200)
```
#895ccd
```
#895ccd rgb(137,92,205)
```
#946bd2
```
#946bd2 rgb(148,107,210)
```
#9f7ad6
```
#9f7ad6 rgb(159,122,214)
```
#aa89db
```
#aa89db rgb(170,137,219)
```
#b498df
```
#b498df rgb(180,152,223)
```
#bfa7e4
```
#bfa7e4 rgb(191,167,228)
```
#cab6e9
```
#cab6e9 rgb(202,182,233)
```
#d5c5ed
```
#d5c5ed rgb(213,197,237)
```
#e0d4f2
```
#e0d4f2 rgb(224,212,242)
```
#ebe3f6
```
#ebe3f6 rgb(235,227,246)
```
#f6f2fb
```
#f6f2fb rgb(246,242,251)
```

Tint Color Variation

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

#585360
```
#585360 rgb(88,83,96)
```
#574c67
```
#574c67 rgb(87,76,103)
```
#56466d
```
#56466d rgb(86,70,109)
```
#543f74
```
#543f74 rgb(84,63,116)
```
#53387b
```
#53387b rgb(83,56,123)
```
#513182
```
#513182 rgb(81,49,130)
```
#502a89
```
#502a89 rgb(80,42,137)
```
#4f2390
```
#4f2390 rgb(79,35,144)
```
#4d1c97
```
#4d1c97 rgb(77,28,151)
```
#4c159e
```
#4c159e rgb(76,21,158)
```
#4a0ea5
```
#4a0ea5 rgb(74,14,165)
```
#4908ab
```
#4908ab rgb(73,8,171)
```
#4801b2
```
#4801b2 rgb(72,1,178)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#433c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004b7c Deuteranopia 1% of men
#474a4f Tritanopia 0.001% of the population

Trichromacy

#1d3d8b Protanomaly 1% of men, 0.01% of women
#1d3f80 Deuteranomaly 6% of men, 0.4% of women
#4a3e64 Tritanomaly 0.01% of the population

#502a89 hex color

#502a89 Color Information

#502a89 Color Conversion

Color Schemes with #502a89

Alternatives to #502a89

#502a89 Preview

Shades and Tints of #502a89

Tones of #502a89

Color Blindness Simulator