colorhexa.com

#502bd8 hex color

In a RGB color space, hex #502bd8 is composed of 31.4% red, 16.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 80.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 252.8 degrees, a saturation of 68.9% and a lightness of 50.8%. #502bd8 color hex could be obtained by blending #a056ff with #0000b1. Closest websafe color is: #6633cc.

- R 31
- G 17
- B 85
RGB color chart
- C 63
- M 80
- Y 0
- K 15
CMYK color chart

● #502bd8 color description : Strong blue.

The hexadecimal color #502bd8 has RGB values of R:80, G:43, B:216 and CMYK values of C:0.63, M:0.8, Y:0, K:0.15. Its decimal value is 5254104.

Hex triplet	502bd8	`#502bd8`
RGB Decimal	80, 43, 216	`rgb(80,43,216)`
RGB Percent	31.4, 16.9, 84.7	`rgb(31.4%,16.9%,84.7%)`
CMYK	63, 80, 0, 15
HSL	252.8°, 68.9, 50.8	`hsl(252.8,68.9%,50.8%)`
HSV (or HSB)	252.8°, 80.1, 84.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.783, 60.393, -81.455
XYZ	16.564, 8.39, 65.709
xyY	0.183, 0.093, 8.39
CIE-LCH	34.783, 101.401, 306.555
CIE-LUV	34.783, -1.223, -111.209
Hunter-Lab	28.966, 51.385, -114.22
Binary	01010000, 00101011, 11011000

#502bd8
```
#502bd8 rgb(80,43,216)
```
#b3d82b
```
#b3d82b rgb(179,216,43)
```

Complementary Color

#2b5dd8
```
#2b5dd8 rgb(43,93,216)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#a72bd8
```
#a72bd8 rgb(167,43,216)
```

Analogous Color

#5dd82b
```
#5dd82b rgb(93,216,43)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#d8a72b
```
#d8a72b rgb(216,167,43)
```

Split Complementary Color

#2bd850
```
#2bd850 rgb(43,216,80)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#d8502b
```
#d8502b rgb(216,80,43)
```

Triadic Color

#2bb3d8
```
#2bb3d8 rgb(43,179,216)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#d8502b
```
#d8502b rgb(216,80,43)
```
#b3d82b
```
#b3d82b rgb(179,216,43)
```

Tetradic Color

#371c9a
```
#371c9a rgb(55,28,154)
```
#3f20b0
```
#3f20b0 rgb(63,32,176)
```
#4724c5
```
#4724c5 rgb(71,36,197)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#6241dc
```
#6241dc rgb(98,65,220)
```
#7456e0
```
#7456e0 rgb(116,86,224)
```
#856ce4
```
#856ce4 rgb(133,108,228)
```

Monochromatic Color

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

#2b31d8
```
#2b31d8 rgb(43,49,216)
```
#332bd8
```
#332bd8 rgb(51,43,216)
```
#422bd8
```
#422bd8 rgb(66,43,216)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#5e2bd8
```
#5e2bd8 rgb(94,43,216)
```
#6d2bd8
```
#6d2bd8 rgb(109,43,216)
```
#7b2bd8
```
#7b2bd8 rgb(123,43,216)
```

Similar Colors

Text with hexadecimal color #502bd8

This text has a font color of #502bd8.

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

#502bd8 background color

This paragraph has a background color of #502bd8.

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

#502bd8 border color

This element has a border color of #502bd8.

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

CSS codes

.text {color:#502bd8;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070414
```
#070414 rgb(7,4,20)
```
#0d0725
```
#0d0725 rgb(13,7,37)
```
#130a35
```
#130a35 rgb(19,10,53)
```
#190d46
```
#190d46 rgb(25,13,70)
```
#1f1056
```
#1f1056 rgb(31,16,86)
```
#251367
```
#251367 rgb(37,19,103)
```
#2b1677
```
#2b1677 rgb(43,22,119)
```
#311988
```
#311988 rgb(49,25,136)
```
#371c98
```
#371c98 rgb(55,28,152)
```
#3d1fa9
```
#3d1fa9 rgb(61,31,169)
```
#4322ba
```
#4322ba rgb(67,34,186)
```
#4825ca
```
#4825ca rgb(72,37,202)
```

Shade Color Variation

#502bd8
```
#502bd8 rgb(80,43,216)
```
#5e3cdb
```
#5e3cdb rgb(94,60,219)
```
#6b4cde
```
#6b4cde rgb(107,76,222)
```
#795de1
```
#795de1 rgb(121,93,225)
```
#876de4
```
#876de4 rgb(135,109,228)
```
#947ee7
```
#947ee7 rgb(148,126,231)
```
#a28eea
```
#a28eea rgb(162,142,234)
```
#b09fed
```
#b09fed rgb(176,159,237)
```
#bdb0f0
```
#bdb0f0 rgb(189,176,240)
```
#cbc0f3
```
#cbc0f3 rgb(203,192,243)
```
#d9d1f6
```
#d9d1f6 rgb(217,209,246)
```
#e6e1fa
```
#e6e1fa rgb(230,225,250)
```
#f4f2fd
```
#f4f2fd rgb(244,242,253)
```

Tint Color Variation

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

#7c788b
```
#7c788b rgb(124,120,139)
```
#776f94
```
#776f94 rgb(119,111,148)
```
#71659e
```
#71659e rgb(113,101,158)
```
#6c5ba8
```
#6c5ba8 rgb(108,91,168)
```
#6652b1
```
#6652b1 rgb(102,82,177)
```
#6148bb
```
#6148bb rgb(97,72,187)
```
#5b3ec5
```
#5b3ec5 rgb(91,62,197)
```
#5635ce
```
#5635ce rgb(86,53,206)
```
#502bd8
```
#502bd8 rgb(80,43,216)
```
#4a21e2
```
#4a21e2 rgb(74,33,226)
```
#4518eb
```
#4518eb rgb(69,24,235)
```
#3f0ef5
```
#3f0ef5 rgb(63,14,245)
```
#3a04ff
```
#3a04ff rgb(58,4,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4b4466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#1d47bb Protanomaly 1% of men, 0.01% of women
#1d4bad Deuteranomaly 6% of men, 0.4% of women
#1d4f92 Tritanomaly 0.01% of the population