#502fb8 hex color

In a RGB color space, hex #502fb8 is composed of 31.4% red, 18.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 74.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 254.5 degrees, a saturation of 59.3% and a lightness of 45.3%. #502fb8 color hex could be obtained by blending #a05eff with #000071. Closest websafe color is: #6633cc.

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

● #502fb8 color description : Moderate blue.

The hexadecimal color #502fb8 has RGB values of R:80, G:47, B:184 and CMYK values of C:0.57, M:0.74, Y:0, K:0.28. Its decimal value is 5255096.

Hex triplet	502fb8	`#502fb8`
RGB Decimal	80, 47, 184	`rgb(80,47,184)`
RGB Percent	31.4, 18.4, 72.2	`rgb(31.4%,18.4%,72.2%)`
CMYK	57, 74, 0, 28
HSL	254.5°, 59.3, 45.3	`hsl(254.5,59.3%,45.3%)`
HSV (or HSB)	254.5°, 74.5, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.255, 49.452, -66.927
XYZ	12.975, 7.199, 46.051
xyY	0.196, 0.109, 7.199
CIE-LCH	32.255, 83.215, 306.461
CIE-LUV	32.255, 1.032, -91.533
Hunter-Lab	26.831, 39.366, -82.981
Binary	01010000, 00101111, 10111000

#502fb8
```
#502fb8 rgb(80,47,184)
```
#97b82f
```
#97b82f rgb(151,184,47)
```

Complementary Color

#2f53b8
```
#2f53b8 rgb(47,83,184)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#952fb8
```
#952fb8 rgb(149,47,184)
```

Analogous Color

#52b82f
```
#52b82f rgb(82,184,47)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#b8952f
```
#b8952f rgb(184,149,47)
```

Split Complementary Color

#2fb850
```
#2fb850 rgb(47,184,80)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#b8502f
```
#b8502f rgb(184,80,47)
```

Triadic Color

#2f97b8
```
#2f97b8 rgb(47,151,184)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#b8502f
```
#b8502f rgb(184,80,47)
```
#97b82f
```
#97b82f rgb(151,184,47)
```

Tetradic Color

#361f7b
```
#361f7b rgb(54,31,123)
```
#3e258f
```
#3e258f rgb(62,37,143)
```
#472aa4
```
#472aa4 rgb(71,42,164)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#5935cb
```
#5935cb rgb(89,53,203)
```
#6a49d1
```
#6a49d1 rgb(106,73,209)
```
#7b5ed6
```
#7b5ed6 rgb(123,94,214)
```

Monochromatic Color

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

#2f30b8
```
#2f30b8 rgb(47,48,184)
```
#392fb8
```
#392fb8 rgb(57,47,184)
```
#452fb8
```
#452fb8 rgb(69,47,184)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#5b2fb8
```
#5b2fb8 rgb(91,47,184)
```
#672fb8
```
#672fb8 rgb(103,47,184)
```
#722fb8
```
#722fb8 rgb(114,47,184)
```

Similar Colors

Text with hexadecimal color #502fb8

This text has a font color of #502fb8.

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

#502fb8 background color

This paragraph has a background color of #502fb8.

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

#502fb8 border color

This element has a border color of #502fb8.

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

CSS codes

.text {color:#502fb8;}

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

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

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 #fcfcfe is the lightest one.

#05030c
```
#05030c rgb(5,3,12)
```
#0c071c
```
#0c071c rgb(12,7,28)
```
#130b2b
```
#130b2b rgb(19,11,43)
```
#1a0f3b
```
#1a0f3b rgb(26,15,59)
```
#20134b
```
#20134b rgb(32,19,75)
```
#27175a
```
#27175a rgb(39,23,90)
```
#2e1b6a
```
#2e1b6a rgb(46,27,106)
```
#351f7a
```
#351f7a rgb(53,31,122)
```
#3c2389
```
#3c2389 rgb(60,35,137)
```
#422799
```
#422799 rgb(66,39,153)
```
#492ba8
```
#492ba8 rgb(73,43,168)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#5733c8
```
#5733c8 rgb(87,51,200)
```

Shade Color Variation

#6240ce
```
#6240ce rgb(98,64,206)
```
#6f50d2
```
#6f50d2 rgb(111,80,210)
```
#7c5fd6
```
#7c5fd6 rgb(124,95,214)
```
#896fda
```
#896fda rgb(137,111,218)
```
#967fde
```
#967fde rgb(150,127,222)
```
#a28ee2
```
#a28ee2 rgb(162,142,226)
```
#af9ee6
```
#af9ee6 rgb(175,158,230)
```
#bcadea
```
#bcadea rgb(188,173,234)
```
#c9bdee
```
#c9bdee rgb(201,189,238)
```
#d6cdf2
```
#d6cdf2 rgb(214,205,242)
```
#e2dcf6
```
#e2dcf6 rgb(226,220,246)
```
#efecfa
```
#efecfa rgb(239,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#706d7a
```
#706d7a rgb(112,109,122)
```
#6c6483
```
#6c6483 rgb(108,100,131)
```
#675b8c
```
#675b8c rgb(103,91,140)
```
#625394
```
#625394 rgb(98,83,148)
```
#5e4a9d
```
#5e4a9d rgb(94,74,157)
```
#5941a6
```
#5941a6 rgb(89,65,166)
```
#5538af
```
#5538af rgb(85,56,175)
```
#502fb8
```
#502fb8 rgb(80,47,184)
```
#4b26c1
```
#4b26c1 rgb(75,38,193)
```
#471dca
```
#471dca rgb(71,29,202)
```
#4214d3
```
#4214d3 rgb(66,20,211)
```
#3e0bdc
```
#3e0bdc rgb(62,11,220)
```
#3903e4
```
#3903e4 rgb(57,3,228)
```

Tone Color Variation

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

#0052a1 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#2a5b62 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
#384b81 Tritanomaly 0.01% of the population

#502fb8 hex color

#502fb8 Color Information

#502fb8 Color Conversion

Color Schemes with #502fb8

Alternatives to #502fb8

#502fb8 Preview

Shades and Tints of #502fb8

Tones of #502fb8

Color Blindness Simulator