#502be3 hex color

In a RGB color space, hex #502be3 is composed of 31.4% red, 16.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 81.1% magenta, 0% yellow and 11% black. It has a hue angle of 252.1 degrees, a saturation of 76.7% and a lightness of 52.9%. #502be3 color hex could be obtained by blending #a056ff with #0000c7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 17
- B 89
RGB color chart
- C 65
- M 81
- Y 0
- K 11
CMYK color chart

● #502be3 color description : Bright blue.

The hexadecimal color #502be3 has RGB values of R:80, G:43, B:227 and CMYK values of C:0.65, M:0.81, Y:0, K:0.11. Its decimal value is 5254115.

Hex triplet	502be3	`#502be3`
RGB Decimal	80, 43, 227	`rgb(80,43,227)`
RGB Percent	31.4, 16.9, 89	`rgb(31.4%,16.9%,89%)`
CMYK	65, 81, 0, 11
HSL	252.1°, 76.7, 52.9	`hsl(252.1,76.7%,52.9%)`
HSV (or HSB)	252.1°, 81.1, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.943, 63.424, -85.849
XYZ	18.035, 8.979, 73.451
xyY	0.18, 0.089, 8.979
CIE-LCH	35.943, 106.736, 306.457
CIE-LUV	35.943, -2.09, -117.625
Hunter-Lab	29.964, 54.997, -124.363
Binary	01010000, 00101011, 11100011

#502be3
```
#502be3 rgb(80,43,227)
```
#bee32b
```
#bee32b rgb(190,227,43)
```

Complementary Color

#2b62e3
```
#2b62e3 rgb(43,98,227)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#ac2be3
```
#ac2be3 rgb(172,43,227)
```

Analogous Color

#62e32b
```
#62e32b rgb(98,227,43)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#e3ac2b
```
#e3ac2b rgb(227,172,43)
```

Split Complementary Color

#2be350
```
#2be350 rgb(43,227,80)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#e3502b
```
#e3502b rgb(227,80,43)
```

Triadic Color

#2bbee3
```
#2bbee3 rgb(43,190,227)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#e3502b
```
#e3502b rgb(227,80,43)
```
#bee32b
```
#bee32b rgb(190,227,43)
```

Tetradic Color

#3417ab
```
#3417ab rgb(52,23,171)
```
#3b1ac1
```
#3b1ac1 rgb(59,26,193)
```
#421dd8
```
#421dd8 rgb(66,29,216)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#6342e6
```
#6342e6 rgb(99,66,230)
```
#7558e9
```
#7558e9 rgb(117,88,233)
```
#886fec
```
#886fec rgb(136,111,236)
```

Monochromatic Color

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

#2b34e3
```
#2b34e3 rgb(43,52,227)
```
#312be3
```
#312be3 rgb(49,43,227)
```
#412be3
```
#412be3 rgb(65,43,227)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#5f2be3
```
#5f2be3 rgb(95,43,227)
```
#6f2be3
```
#6f2be3 rgb(111,43,227)
```
#7e2be3
```
#7e2be3 rgb(126,43,227)
```

Similar Colors

Text with hexadecimal color #502be3

This text has a font color of #502be3.

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

#502be3 background color

This paragraph has a background color of #502be3.

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

#502be3 border color

This element has a border color of #502be3.

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

CSS codes

.text {color:#502be3;}

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

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

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, #04020d is the darkest color, while #fcfbfe is the lightest one.

#04020d
```
#04020d rgb(4,2,13)
```
#09041f
```
#09041f rgb(9,4,31)
```
#0f0630
```
#0f0630 rgb(15,6,48)
```
#140941
```
#140941 rgb(20,9,65)
```
#190b53
```
#190b53 rgb(25,11,83)
```
#1f0d64
```
#1f0d64 rgb(31,13,100)
```
#240f75
```
#240f75 rgb(36,15,117)
```
#291287
```
#291287 rgb(41,18,135)
```
#2f1498
```
#2f1498 rgb(47,20,152)
```
#3416a9
```
#3416a9 rgb(52,22,169)
```
#3919bb
```
#3919bb rgb(57,25,187)
```
#3e1bcc
```
#3e1bcc rgb(62,27,204)
```
#441ddd
```
#441ddd rgb(68,29,221)
```

Shade Color Variation

#502be3
```
#502be3 rgb(80,43,227)
```
#5e3ce5
```
#5e3ce5 rgb(94,60,229)
```
#6d4ee8
```
#6d4ee8 rgb(109,78,232)
```
#7b5fea
```
#7b5fea rgb(123,95,234)
```
#8970ec
```
#8970ec rgb(137,112,236)
```
#9882ee
```
#9882ee rgb(152,130,238)
```
#a693f1
```
#a693f1 rgb(166,147,241)
```
#b4a4f3
```
#b4a4f3 rgb(180,164,243)
```
#c2b6f5
```
#c2b6f5 rgb(194,182,245)
```
#d1c7f8
```
#d1c7f8 rgb(209,199,248)
```
#dfd8fa
```
#dfd8fa rgb(223,216,250)
```
#edeafc
```
#edeafc rgb(237,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#827e90
```
#827e90 rgb(130,126,144)
```
#7c7599
```
#7c7599 rgb(124,117,153)
```
#776ca2
```
#776ca2 rgb(119,108,162)
```
#7162ac
```
#7162ac rgb(113,98,172)
```
#6c59b5
```
#6c59b5 rgb(108,89,181)
```
#6650be
```
#6650be rgb(102,80,190)
```
#6147c7
```
#6147c7 rgb(97,71,199)
```
#5b3dd1
```
#5b3dd1 rgb(91,61,209)
```
#5634da
```
#5634da rgb(86,52,218)
```
#502be3
```
#502be3 rgb(80,43,227)
```
#4a22ec
```
#4a22ec rgb(74,34,236)
```
#4519f5
```
#4519f5 rgb(69,25,245)
```
#3f0fff
```
#3f0fff rgb(63,15,255)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c4569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1d49c2 Protanomaly 1% of men, 0.01% of women
#1d4cb3 Deuteranomaly 6% of men, 0.4% of women
#1d5097 Tritanomaly 0.01% of the population

#502be3 hex color

#502be3 Color Information

#502be3 Color Conversion

Color Schemes with #502be3

Alternatives to #502be3

#502be3 Preview

Shades and Tints of #502be3

Tones of #502be3

Color Blindness Simulator