#502eb9 hex color

In a RGB color space, hex #502eb9 is composed of 31.4% red, 18% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 75.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 254.7 degrees, a saturation of 60.2% and a lightness of 45.3%. #502eb9 color hex could be obtained by blending #a05cff with #000073. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 73
RGB color chart
- C 57
- M 75
- Y 0
- K 27
CMYK color chart

● #502eb9 color description : Strong blue.

The hexadecimal color #502eb9 has RGB values of R:80, G:46, B:185 and CMYK values of C:0.57, M:0.75, Y:0, K:0.27. Its decimal value is 5254841.

Hex triplet	502eb9	`#502eb9`
RGB Decimal	80, 46, 185	`rgb(80,46,185)`
RGB Percent	31.4, 18, 72.5	`rgb(31.4%,18%,72.5%)`
CMYK	57, 75, 0, 27
HSL	254.7°, 60.2, 45.3	`hsl(254.7,60.2%,45.3%)`
HSV (or HSB)	254.7°, 75.1, 72.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.173, 50.243, -67.655
XYZ	13.041, 7.162, 46.592
xyY	0.195, 0.107, 7.162
CIE-LCH	32.173, 84.27, 306.599
CIE-LUV	32.173, 1.086, -92.288
Hunter-Lab	26.762, 40.148, -84.489
Binary	01010000, 00101110, 10111001

#502eb9
```
#502eb9 rgb(80,46,185)
```
#97b92e
```
#97b92e rgb(151,185,46)
```

Complementary Color

#2e52b9
```
#2e52b9 rgb(46,82,185)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#962eb9
```
#962eb9 rgb(150,46,185)
```

Analogous Color

#52b92e
```
#52b92e rgb(82,185,46)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#b9962e
```
#b9962e rgb(185,150,46)
```

Split Complementary Color

#2eb950
```
#2eb950 rgb(46,185,80)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#b9502e
```
#b9502e rgb(185,80,46)
```

Triadic Color

#2e97b9
```
#2e97b9 rgb(46,151,185)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#b9502e
```
#b9502e rgb(185,80,46)
```
#97b92e
```
#97b92e rgb(151,185,46)
```

Tetradic Color

#361f7c
```
#361f7c rgb(54,31,124)
```
#3e2490
```
#3e2490 rgb(62,36,144)
```
#4729a5
```
#4729a5 rgb(71,41,165)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#5934cd
```
#5934cd rgb(89,52,205)
```
#6a48d2
```
#6a48d2 rgb(106,72,210)
```
#7b5dd7
```
#7b5dd7 rgb(123,93,215)
```

Monochromatic Color

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

#2e2fb9
```
#2e2fb9 rgb(46,47,185)
```
#392eb9
```
#392eb9 rgb(57,46,185)
```
#442eb9
```
#442eb9 rgb(68,46,185)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#5c2eb9
```
#5c2eb9 rgb(92,46,185)
```
#672eb9
```
#672eb9 rgb(103,46,185)
```
#732eb9
```
#732eb9 rgb(115,46,185)
```

Similar Colors

Text with hexadecimal color #502eb9

This text has a font color of #502eb9.

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

#502eb9 background color

This paragraph has a background color of #502eb9.

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

#502eb9 border color

This element has a border color of #502eb9.

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

CSS codes

.text {color:#502eb9;}

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

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

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, #05030c is the darkest color, while #fcfbfe is the lightest one.

#05030c
```
#05030c rgb(5,3,12)
```
#0c071c
```
#0c071c rgb(12,7,28)
```
#130b2c
```
#130b2c rgb(19,11,44)
```
#1a0f3b
```
#1a0f3b rgb(26,15,59)
```
#20134b
```
#20134b rgb(32,19,75)
```
#27175b
```
#27175b rgb(39,23,91)
```
#2e1a6a
```
#2e1a6a rgb(46,26,106)
```
#351e7a
```
#351e7a rgb(53,30,122)
```
#3c228a
```
#3c228a rgb(60,34,138)
```
#42269a
```
#42269a rgb(66,38,154)
```
#492aa9
```
#492aa9 rgb(73,42,169)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#5732c9
```
#5732c9 rgb(87,50,201)
```

Shade Color Variation

#623fcf
```
#623fcf rgb(98,63,207)
```
#6f4fd3
```
#6f4fd3 rgb(111,79,211)
```
#7c5ed7
```
#7c5ed7 rgb(124,94,215)
```
#896edb
```
#896edb rgb(137,110,219)
```
#967edf
```
#967edf rgb(150,126,223)
```
#a28ee3
```
#a28ee3 rgb(162,142,227)
```
#af9de7
```
#af9de7 rgb(175,157,231)
```
#bcadeb
```
#bcadeb rgb(188,173,235)
```
#c9bdef
```
#c9bdef rgb(201,189,239)
```
#d6ccf2
```
#d6ccf2 rgb(214,204,242)
```
#e2dcf6
```
#e2dcf6 rgb(226,220,246)
```
#efecfa
```
#efecfa rgb(239,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706c7b is the less saturated color, while #3902e5 is the most saturated one.

#706c7b
```
#706c7b rgb(112,108,123)
```
#6b6384
```
#6b6384 rgb(107,99,132)
```
#675a8d
```
#675a8d rgb(103,90,141)
```
#625295
```
#625295 rgb(98,82,149)
```
#5e499e
```
#5e499e rgb(94,73,158)
```
#5940a7
```
#5940a7 rgb(89,64,167)
```
#5537b0
```
#5537b0 rgb(85,55,176)
```
#502eb9
```
#502eb9 rgb(80,46,185)
```
#4b25c2
```
#4b25c2 rgb(75,37,194)
```
#471ccb
```
#471ccb rgb(71,28,203)
```
#4213d4
```
#4213d4 rgb(66,19,212)
```
#3e0add
```
#3e0add rgb(62,10,221)
```
#3902e5
```
#3902e5 rgb(57,2,229)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a435f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#295b62 Tritanopia 0.001% of the population

Trichromacy

#1d45a9 Protanomaly 1% of men, 0.01% of women
#1d489c Deuteranomaly 6% of men, 0.4% of women
#374b81 Tritanomaly 0.01% of the population

#502eb9 hex color

#502eb9 Color Information

#502eb9 Color Conversion

Color Schemes with #502eb9

Alternatives to #502eb9

#502eb9 Preview

Shades and Tints of #502eb9

Tones of #502eb9

Color Blindness Simulator