#502bb3 hex color

In a RGB color space, hex #502bb3 is composed of 31.4% red, 16.9% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 76% magenta, 0% yellow and 29.8% black. It has a hue angle of 256.3 degrees, a saturation of 61.3% and a lightness of 43.5%. #502bb3 color hex could be obtained by blending #a056ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 17
- B 70
RGB color chart
- C 55
- M 76
- Y 0
- K 30
CMYK color chart

● #502bb3 color description : Strong violet.

The hexadecimal color #502bb3 has RGB values of R:80, G:43, B:179 and CMYK values of C:0.55, M:0.76, Y:0, K:0.3. Its decimal value is 5254067.

Hex triplet	502bb3	`#502bb3`
RGB Decimal	80, 43, 179	`rgb(80,43,179)`
RGB Percent	31.4, 16.9, 70.2	`rgb(31.4%,16.9%,70.2%)`
CMYK	55, 76, 0, 30
HSL	256.3°, 61.3, 43.5	`hsl(256.3,61.3%,43.5%)`
HSV (or HSB)	256.3°, 76, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.085, 50.004, -65.88
XYZ	12.307, 6.688, 43.288
xyY	0.198, 0.107, 6.688
CIE-LCH	31.085, 82.708, 307.199
CIE-LUV	31.085, 2.094, -88.952
Hunter-Lab	25.86, 39.695, -81.143
Binary	01010000, 00101011, 10110011

#502bb3
```
#502bb3 rgb(80,43,179)
```
#8eb32b
```
#8eb32b rgb(142,179,43)
```

Complementary Color

#2b4ab3
```
#2b4ab3 rgb(43,74,179)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#942bb3
```
#942bb3 rgb(148,43,179)
```

Analogous Color

#4ab32b
```
#4ab32b rgb(74,179,43)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#b3942b
```
#b3942b rgb(179,148,43)
```

Split Complementary Color

#2bb350
```
#2bb350 rgb(43,179,80)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#b3502b
```
#b3502b rgb(179,80,43)
```

Triadic Color

#2b8eb3
```
#2b8eb3 rgb(43,142,179)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#b3502b
```
#b3502b rgb(179,80,43)
```
#8eb32b
```
#8eb32b rgb(142,179,43)
```

Tetradic Color

#341c75
```
#341c75 rgb(52,28,117)
```
#3e218a
```
#3e218a rgb(62,33,138)
```
#47269e
```
#47269e rgb(71,38,158)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#5930c8
```
#5930c8 rgb(89,48,200)
```
#6740d1
```
#6740d1 rgb(103,64,209)
```
#7854d6
```
#7854d6 rgb(120,84,214)
```

Monochromatic Color

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

#2e2bb3
```
#2e2bb3 rgb(46,43,179)
```
#392bb3
```
#392bb3 rgb(57,43,179)
```
#452bb3
```
#452bb3 rgb(69,43,179)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#5b2bb3
```
#5b2bb3 rgb(91,43,179)
```
#672bb3
```
#672bb3 rgb(103,43,179)
```
#722bb3
```
#722bb3 rgb(114,43,179)
```

Similar Colors

Text with hexadecimal color #502bb3

This text has a font color of #502bb3.

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

#502bb3 background color

This paragraph has a background color of #502bb3.

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

#502bb3 border color

This element has a border color of #502bb3.

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

CSS codes

.text {color:#502bb3;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#090515
```
#090515 rgb(9,5,21)
```
#100925
```
#100925 rgb(16,9,37)
```
#170d34
```
#170d34 rgb(23,13,52)
```
#1f1044
```
#1f1044 rgb(31,16,68)
```
#261454
```
#261454 rgb(38,20,84)
```
#2d1864
```
#2d1864 rgb(45,24,100)
```
#341c74
```
#341c74 rgb(52,28,116)
```
#3b2084
```
#3b2084 rgb(59,32,132)
```
#422393
```
#422393 rgb(66,35,147)
```
#4927a3
```
#4927a3 rgb(73,39,163)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#572fc3
```
#572fc3 rgb(87,47,195)
```

Shade Color Variation

#6036cf
```
#6036cf rgb(96,54,207)
```
#6c46d3
```
#6c46d3 rgb(108,70,211)
```
#7956d6
```
#7956d6 rgb(121,86,214)
```
#8666da
```
#8666da rgb(134,102,218)
```
#9276de
```
#9276de rgb(146,118,222)
```
#9f85e2
```
#9f85e2 rgb(159,133,226)
```
#ab95e6
```
#ab95e6 rgb(171,149,230)
```
#b8a5e9
```
#b8a5e9 rgb(184,165,233)
```
#c4b5ed
```
#c4b5ed rgb(196,181,237)
```
#d1c5f1
```
#d1c5f1 rgb(209,197,241)
```
#ddd5f5
```
#ddd5f5 rgb(221,213,245)
```
#eae4f9
```
#eae4f9 rgb(234,228,249)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

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

#6b6777
```
#6b6777 rgb(107,103,119)
```
#675e80
```
#675e80 rgb(103,94,128)
```
#635688
```
#635688 rgb(99,86,136)
```
#604d91
```
#604d91 rgb(96,77,145)
```
#5c4599
```
#5c4599 rgb(92,69,153)
```
#583ca2
```
#583ca2 rgb(88,60,162)
```
#5434aa
```
#5434aa rgb(84,52,170)
```
#502bb3
```
#502bb3 rgb(80,43,179)
```
#4c22bc
```
#4c22bc rgb(76,34,188)
```
#481ac4
```
#481ac4 rgb(72,26,196)
```
#4411cd
```
#4411cd rgb(68,17,205)
```
#4009d5
```
#4009d5 rgb(64,9,213)
```
#3d00de
```
#3d00de rgb(61,0,222)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#48415c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005488 Deuteranopia 1% of men
#2f585e Tritanopia 0.001% of the population

Trichromacy

#1d42a4 Protanomaly 1% of men, 0.01% of women
#1d4597 Deuteranomaly 6% of men, 0.4% of women
#3b477d Tritanomaly 0.01% of the population

#502bb3 hex color

#502bb3 Color Information

#502bb3 Color Conversion

Color Schemes with #502bb3

Alternatives to #502bb3

#502bb3 Preview

Shades and Tints of #502bb3

Tones of #502bb3

Color Blindness Simulator