#502fb7 hex color

In a RGB color space, hex #502fb7 is composed of 31.4% red, 18.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 74.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 254.6 degrees, a saturation of 59.1% and a lightness of 45.1%. #502fb7 color hex could be obtained by blending #a05eff with #00006f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 72
RGB color chart
- C 56
- M 74
- Y 0
- K 28
CMYK color chart

● #502fb7 color description : Moderate blue.

The hexadecimal color #502fb7 has RGB values of R:80, G:47, B:183 and CMYK values of C:0.56, M:0.74, Y:0, K:0.28. Its decimal value is 5255095.

Hex triplet	502fb7	`#502fb7`
RGB Decimal	80, 47, 183	`rgb(80,47,183)`
RGB Percent	31.4, 18.4, 71.8	`rgb(31.4%,18.4%,71.8%)`
CMYK	56, 74, 0, 28
HSL	254.6°, 59.1, 45.1	`hsl(254.6,59.1%,45.1%)`
HSV (or HSB)	254.6°, 74.3, 71.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.162, 49.163, -66.488
XYZ	12.87, 7.157, 45.5
xyY	0.196, 0.109, 7.157
CIE-LCH	32.162, 82.69, 306.48
CIE-LUV	32.162, 1.125, -90.91
Hunter-Lab	26.753, 39.058, -82.112
Binary	01010000, 00101111, 10110111

#502fb7
```
#502fb7 rgb(80,47,183)
```
#96b72f
```
#96b72f rgb(150,183,47)
```

Complementary Color

#2f52b7
```
#2f52b7 rgb(47,82,183)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#942fb7
```
#942fb7 rgb(148,47,183)
```

Analogous Color

#52b72f
```
#52b72f rgb(82,183,47)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#b7942f
```
#b7942f rgb(183,148,47)
```

Split Complementary Color

#2fb750
```
#2fb750 rgb(47,183,80)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#b7502f
```
#b7502f rgb(183,80,47)
```

Triadic Color

#2f96b7
```
#2f96b7 rgb(47,150,183)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#b7502f
```
#b7502f rgb(183,80,47)
```
#96b72f
```
#96b72f rgb(150,183,47)
```

Tetradic Color

#351f7a
```
#351f7a rgb(53,31,122)
```
#3e258e
```
#3e258e rgb(62,37,142)
```
#472aa3
```
#472aa3 rgb(71,42,163)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#5935cb
```
#5935cb rgb(89,53,203)
```
#6a49d0
```
#6a49d0 rgb(106,73,208)
```
#7a5dd5
```
#7a5dd5 rgb(122,93,213)
```

Monochromatic Color

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

#2f30b7
```
#2f30b7 rgb(47,48,183)
```
#392fb7
```
#392fb7 rgb(57,47,183)
```
#452fb7
```
#452fb7 rgb(69,47,183)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#5b2fb7
```
#5b2fb7 rgb(91,47,183)
```
#672fb7
```
#672fb7 rgb(103,47,183)
```
#722fb7
```
#722fb7 rgb(114,47,183)
```

Similar Colors

Text with hexadecimal color #502fb7

This text has a font color of #502fb7.

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

#502fb7 background color

This paragraph has a background color of #502fb7.

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

#502fb7 border color

This element has a border color of #502fb7.

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

CSS codes

.text {color:#502fb7;}

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

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

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

#05030b
```
#05030b rgb(5,3,11)
```
#0c071b
```
#0c071b rgb(12,7,27)
```
#130b2b
```
#130b2b rgb(19,11,43)
```
#190f3a
```
#190f3a rgb(25,15,58)
```
#20134a
```
#20134a rgb(32,19,74)
```
#271759
```
#271759 rgb(39,23,89)
```
#2e1b69
```
#2e1b69 rgb(46,27,105)
```
#351f79
```
#351f79 rgb(53,31,121)
```
#3c2388
```
#3c2388 rgb(60,35,136)
```
#422798
```
#422798 rgb(66,39,152)
```
#492ba7
```
#492ba7 rgb(73,43,167)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#5733c7
```
#5733c7 rgb(87,51,199)
```

Shade Color Variation

#623fce
```
#623fce rgb(98,63,206)
```
#6f4fd2
```
#6f4fd2 rgb(111,79,210)
```
#7c5fd6
```
#7c5fd6 rgb(124,95,214)
```
#886eda
```
#886eda rgb(136,110,218)
```
#957ede
```
#957ede rgb(149,126,222)
```
#a28de2
```
#a28de2 rgb(162,141,226)
```
#af9de6
```
#af9de6 rgb(175,157,230)
```
#bcadea
```
#bcadea rgb(188,173,234)
```
#c8bcee
```
#c8bcee rgb(200,188,238)
```
#d5ccf2
```
#d5ccf2 rgb(213,204,242)
```
#e2dcf6
```
#e2dcf6 rgb(226,220,246)
```
#efebfa
```
#efebfa rgb(239,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#706d79
```
#706d79 rgb(112,109,121)
```
#6b6482
```
#6b6482 rgb(107,100,130)
```
#675b8b
```
#675b8b rgb(103,91,139)
```
#625294
```
#625294 rgb(98,82,148)
```
#5e4a9c
```
#5e4a9c rgb(94,74,156)
```
#5941a5
```
#5941a5 rgb(89,65,165)
```
#5538ae
```
#5538ae rgb(85,56,174)
```
#502fb7
```
#502fb7 rgb(80,47,183)
```
#4b26c0
```
#4b26c0 rgb(75,38,192)
```
#471dc9
```
#471dc9 rgb(71,29,201)
```
#4214d2
```
#4214d2 rgb(66,20,210)
```
#3e0cda
```
#3e0cda rgb(62,12,218)
```
#3903e3
```
#3903e3 rgb(57,3,227)
```

Tone Color Variation

Below, you can see how #502fb7 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
#4a435e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#2c5b62 Tritanopia 0.001% of the population

Trichromacy

#1d45a8 Protanomaly 1% of men, 0.01% of women
#1d489b Deuteranomaly 6% of men, 0.4% of women
#394b81 Tritanomaly 0.01% of the population

#502fb7 hex color

#502fb7 Color Information

#502fb7 Color Conversion

Color Schemes with #502fb7

Alternatives to #502fb7

#502fb7 Preview

Shades and Tints of #502fb7

Tones of #502fb7

Color Blindness Simulator