#502bbc hex color

In a RGB color space, hex #502bbc is composed of 31.4% red, 16.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 77.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 255.3 degrees, a saturation of 62.8% and a lightness of 45.3%. #502bbc color hex could be obtained by blending #a056ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 17
- B 74
RGB color chart
- C 57
- M 77
- Y 0
- K 26
CMYK color chart

● #502bbc color description : Strong violet.

The hexadecimal color #502bbc has RGB values of R:80, G:43, B:188 and CMYK values of C:0.57, M:0.77, Y:0, K:0.26. Its decimal value is 5254076.

Hex triplet	502bbc	`#502bbc`
RGB Decimal	80, 43, 188	`rgb(80,43,188)`
RGB Percent	31.4, 16.9, 73.7	`rgb(31.4%,16.9%,73.7%)`
CMYK	57, 77, 0, 26
HSL	255.3°, 62.8, 45.3	`hsl(255.3,62.8%,45.3%)`
HSV (or HSB)	255.3°, 77.1, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.951, 52.553, -69.793
XYZ	13.248, 7.064, 48.24
xyY	0.193, 0.103, 7.064
CIE-LCH	31.951, 87.366, 306.979
CIE-LUV	31.951, 1.221, -94.479
Hunter-Lab	26.578, 42.462, -89.01
Binary	01010000, 00101011, 10111100

#502bbc
```
#502bbc rgb(80,43,188)
```
#97bc2b
```
#97bc2b rgb(151,188,43)
```

Complementary Color

#2b4fbc
```
#2b4fbc rgb(43,79,188)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#992bbc
```
#992bbc rgb(153,43,188)
```

Analogous Color

#4fbc2b
```
#4fbc2b rgb(79,188,43)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#bc992b
```
#bc992b rgb(188,153,43)
```

Split Complementary Color

#2bbc50
```
#2bbc50 rgb(43,188,80)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#bc502b
```
#bc502b rgb(188,80,43)
```

Triadic Color

#2b97bc
```
#2b97bc rgb(43,151,188)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#bc502b
```
#bc502b rgb(188,80,43)
```
#97bc2b
```
#97bc2b rgb(151,188,43)
```

Tetradic Color

#361d7e
```
#361d7e rgb(54,29,126)
```
#3e2292
```
#3e2292 rgb(62,34,146)
```
#4726a7
```
#4726a7 rgb(71,38,167)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#5931d0
```
#5931d0 rgb(89,49,208)
```
#6a45d5
```
#6a45d5 rgb(106,69,213)
```
#7b5ad9
```
#7b5ad9 rgb(123,90,217)
```

Monochromatic Color

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

#2c2bbc
```
#2c2bbc rgb(44,43,188)
```
#382bbc
```
#382bbc rgb(56,43,188)
```
#442bbc
```
#442bbc rgb(68,43,188)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#5c2bbc
```
#5c2bbc rgb(92,43,188)
```
#682bbc
```
#682bbc rgb(104,43,188)
```
#742bbc
```
#742bbc rgb(116,43,188)
```

Similar Colors

Text with hexadecimal color #502bbc

This text has a font color of #502bbc.

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

#502bbc background color

This paragraph has a background color of #502bbc.

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

#502bbc border color

This element has a border color of #502bbc.

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

CSS codes

.text {color:#502bbc;}

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

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

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)
```
#0c061c
```
#0c061c rgb(12,6,28)
```
#130a2c
```
#130a2c rgb(19,10,44)
```
#1a0e3c
```
#1a0e3c rgb(26,14,60)
```
#20114c
```
#20114c rgb(32,17,76)
```
#27155c
```
#27155c rgb(39,21,92)
```
#2e196c
```
#2e196c rgb(46,25,108)
```
#351c7c
```
#351c7c rgb(53,28,124)
```
#3c208c
```
#3c208c rgb(60,32,140)
```
#42249c
```
#42249c rgb(66,36,156)
```
#4927ac
```
#4927ac rgb(73,39,172)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#572fcc
```
#572fcc rgb(87,47,204)
```

Shade Color Variation

#623cd2
```
#623cd2 rgb(98,60,210)
```
#6f4cd6
```
#6f4cd6 rgb(111,76,214)
```
#7c5cda
```
#7c5cda rgb(124,92,218)
```
#896cdd
```
#896cdd rgb(137,108,221)
```
#967ce1
```
#967ce1 rgb(150,124,225)
```
#a28ce5
```
#a28ce5 rgb(162,140,229)
```
#af9ce8
```
#af9ce8 rgb(175,156,232)
```
#bcacec
```
#bcacec rgb(188,172,236)
```
#c9bcf0
```
#c9bcf0 rgb(201,188,240)
```
#d6ccf3
```
#d6ccf3 rgb(214,204,243)
```
#e2dcf7
```
#e2dcf7 rgb(226,220,247)
```
#efebfb
```
#efebfb rgb(239,235,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#737275
```
#737275 rgb(115,114,117)
```
#6e697e
```
#6e697e rgb(110,105,126)
```
#6a6087
```
#6a6087 rgb(106,96,135)
```
#665790
```
#665790 rgb(102,87,144)
```
#614f98
```
#614f98 rgb(97,79,152)
```
#5d46a1
```
#5d46a1 rgb(93,70,161)
```
#593daa
```
#593daa rgb(89,61,170)
```
#5434b3
```
#5434b3 rgb(84,52,179)
```
#502bbc
```
#502bbc rgb(80,43,188)
```
#4c22c5
```
#4c22c5 rgb(76,34,197)
```
#4719ce
```
#4719ce rgb(71,25,206)
```
#4310d7
```
#4310d7 rgb(67,16,215)
```
#3f07e0
```
#3f07e0 rgb(63,7,224)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#49415e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#245b62 Tritanopia 0.001% of the population

Trichromacy

#1d43a9 Protanomaly 1% of men, 0.01% of women
#1d469c Deuteranomaly 6% of men, 0.4% of women
#344982 Tritanomaly 0.01% of the population

#502bbc hex color

#502bbc Color Information

#502bbc Color Conversion

Color Schemes with #502bbc

Alternatives to #502bbc

#502bbc Preview

Shades and Tints of #502bbc

Tones of #502bbc

Color Blindness Simulator