#502cbb hex color

In a RGB color space, hex #502cbb is composed of 31.4% red, 17.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 76.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 255.1 degrees, a saturation of 61.9% and a lightness of 45.3%. #502cbb color hex could be obtained by blending #a058ff with #000077. Closest websafe color is: #6633cc.

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

● #502cbb color description : Strong violet.

The hexadecimal color #502cbb has RGB values of R:80, G:44, B:187 and CMYK values of C:0.57, M:0.76, Y:0, K:0.27. Its decimal value is 5254331.

Hex triplet	502cbb	`#502cbb`
RGB Decimal	80, 44, 187	`rgb(80,44,187)`
RGB Percent	31.4, 17.3, 73.3	`rgb(31.4%,17.3%,73.3%)`
CMYK	57, 76, 0, 27
HSL	255.1°, 61.9, 45.3	`hsl(255.1,61.9%,45.3%)`
HSV (or HSB)	255.1°, 76.5, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.021, 51.793, -69.088
XYZ	13.177, 7.094, 47.686
xyY	0.194, 0.104, 7.094
CIE-LCH	32.021, 86.346, 306.858
CIE-LUV	32.021, 1.181, -93.761
Hunter-Lab	26.635, 41.696, -87.505
Binary	01010000, 00101100, 10111011

#502cbb
```
#502cbb rgb(80,44,187)
```
#97bb2c
```
#97bb2c rgb(151,187,44)
```

Complementary Color

#2c50bb
```
#2c50bb rgb(44,80,187)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#982cbb
```
#982cbb rgb(152,44,187)
```

Analogous Color

#50bb2c
```
#50bb2c rgb(80,187,44)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#bb982c
```
#bb982c rgb(187,152,44)
```

Split Complementary Color

#2cbb50
```
#2cbb50 rgb(44,187,80)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#bb502c
```
#bb502c rgb(187,80,44)
```

Triadic Color

#2c97bb
```
#2c97bb rgb(44,151,187)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#bb502c
```
#bb502c rgb(187,80,44)
```
#97bb2c
```
#97bb2c rgb(151,187,44)
```

Tetradic Color

#361d7d
```
#361d7d rgb(54,29,125)
```
#3e2292
```
#3e2292 rgb(62,34,146)
```
#4727a6
```
#4727a6 rgb(71,39,166)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#5932cf
```
#5932cf rgb(89,50,207)
```
#6a46d4
```
#6a46d4 rgb(106,70,212)
```
#7b5bd8
```
#7b5bd8 rgb(123,91,216)
```

Monochromatic Color

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

#2c2cbb
```
#2c2cbb rgb(44,44,187)
```
#382cbb
```
#382cbb rgb(56,44,187)
```
#442cbb
```
#442cbb rgb(68,44,187)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#5c2cbb
```
#5c2cbb rgb(92,44,187)
```
#682cbb
```
#682cbb rgb(104,44,187)
```
#742cbb
```
#742cbb rgb(116,44,187)
```

Similar Colors

Text with hexadecimal color #502cbb

This text has a font color of #502cbb.

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

#502cbb background color

This paragraph has a background color of #502cbb.

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

#502cbb border color

This element has a border color of #502cbb.

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

CSS codes

.text {color:#502cbb;}

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

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

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)
```
#130a2c
```
#130a2c rgb(19,10,44)
```
#1a0e3c
```
#1a0e3c rgb(26,14,60)
```
#20124c
```
#20124c rgb(32,18,76)
```
#27165c
```
#27165c rgb(39,22,92)
```
#2e196c
```
#2e196c rgb(46,25,108)
```
#351d7b
```
#351d7b rgb(53,29,123)
```
#3c218b
```
#3c218b rgb(60,33,139)
```
#42259b
```
#42259b rgb(66,37,155)
```
#4928ab
```
#4928ab rgb(73,40,171)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#5730cb
```
#5730cb rgb(87,48,203)
```

Shade Color Variation

#623dd1
```
#623dd1 rgb(98,61,209)
```
#6f4dd5
```
#6f4dd5 rgb(111,77,213)
```
#7c5dd9
```
#7c5dd9 rgb(124,93,217)
```
#896ddd
```
#896ddd rgb(137,109,221)
```
#967ce0
```
#967ce0 rgb(150,124,224)
```
#a28ce4
```
#a28ce4 rgb(162,140,228)
```
#af9ce8
```
#af9ce8 rgb(175,156,232)
```
#bcaceb
```
#bcaceb rgb(188,172,235)
```
#c9bcef
```
#c9bcef rgb(201,188,239)
```
#d6ccf3
```
#d6ccf3 rgb(214,204,243)
```
#e2dcf7
```
#e2dcf7 rgb(226,220,247)
```
#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, #737374 is the less saturated color, while #3e08df is the most saturated one.

#737374
```
#737374 rgb(115,115,116)
```
#6f6a7d
```
#6f6a7d rgb(111,106,125)
```
#6a6186
```
#6a6186 rgb(106,97,134)
```
#66588f
```
#66588f rgb(102,88,143)
```
#625097
```
#625097 rgb(98,80,151)
```
#5d47a0
```
#5d47a0 rgb(93,71,160)
```
#593ea9
```
#593ea9 rgb(89,62,169)
```
#5435b2
```
#5435b2 rgb(84,53,178)
```
#502cbb
```
#502cbb rgb(80,44,187)
```
#4c23c4
```
#4c23c4 rgb(76,35,196)
```
#471acd
```
#471acd rgb(71,26,205)
```
#4311d6
```
#4311d6 rgb(67,17,214)
```
#3e08df
```
#3e08df rgb(62,8,223)
```

Tone Color Variation

Below, you can see how #502cbb 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
#49425e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d44a9 Protanomaly 1% of men, 0.01% of women
#1d479c Deuteranomaly 6% of men, 0.4% of women
#354a82 Tritanomaly 0.01% of the population

#502cbb hex color

#502cbb Color Information

#502cbb Color Conversion

Color Schemes with #502cbb

Alternatives to #502cbb

#502cbb Preview

Shades and Tints of #502cbb

Tones of #502cbb

Color Blindness Simulator