#502bf1 hex color

In a RGB color space, hex #502bf1 is composed of 31.4% red, 16.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 82.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 251.2 degrees, a saturation of 87.6% and a lightness of 55.7%. #502bf1 color hex could be obtained by blending #a056ff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 17
- B 95
RGB color chart
- C 67
- M 82
- Y 0
- K 5
CMYK color chart

● #502bf1 color description : Bright blue.

The hexadecimal color #502bf1 has RGB values of R:80, G:43, B:241 and CMYK values of C:0.67, M:0.82, Y:0, K:0.05. Its decimal value is 5254129.

Hex triplet	502bf1	`#502bf1`
RGB Decimal	80, 43, 241	`rgb(80,43,241)`
RGB Percent	31.4, 16.9, 94.5	`rgb(31.4%,16.9%,94.5%)`
CMYK	67, 82, 0, 5
HSL	251.2°, 87.6, 55.7	`hsl(251.2,87.6%,55.7%)`
HSV (or HSB)	251.2°, 82.2, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.45, 67.235, -91.307
XYZ	20.046, 9.783, 84.046
xyY	0.176, 0.086, 9.783
CIE-LCH	37.45, 113.391, 306.366
CIE-LUV	37.45, -3.134, -125.688
Hunter-Lab	31.278, 59.665, -137.421
Binary	01010000, 00101011, 11110001

#502bf1
```
#502bf1 rgb(80,43,241)
```
#ccf12b
```
#ccf12b rgb(204,241,43)
```

Complementary Color

#2b69f1
```
#2b69f1 rgb(43,105,241)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#b32bf1
```
#b32bf1 rgb(179,43,241)
```

Analogous Color

#69f12b
```
#69f12b rgb(105,241,43)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#f1b32b
```
#f1b32b rgb(241,179,43)
```

Split Complementary Color

#2bf150
```
#2bf150 rgb(43,241,80)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#f1502b
```
#f1502b rgb(241,80,43)
```

Triadic Color

#2bccf1
```
#2bccf1 rgb(43,204,241)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#f1502b
```
#f1502b rgb(241,80,43)
```
#ccf12b
```
#ccf12b rgb(204,241,43)
```

Tetradic Color

#2f0dc3
```
#2f0dc3 rgb(47,13,195)
```
#350edb
```
#350edb rgb(53,14,219)
```
#3c13ef
```
#3c13ef rgb(60,19,239)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#6443f3
```
#6443f3 rgb(100,67,243)
```
#775bf4
```
#775bf4 rgb(119,91,244)
```
#8b73f6
```
#8b73f6 rgb(139,115,246)
```

Monochromatic Color

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

#2b38f1
```
#2b38f1 rgb(43,56,241)
```
#2f2bf1
```
#2f2bf1 rgb(47,43,241)
```
#3f2bf1
```
#3f2bf1 rgb(63,43,241)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#602bf1
```
#602bf1 rgb(96,43,241)
```
#712bf1
```
#712bf1 rgb(113,43,241)
```
#822bf1
```
#822bf1 rgb(130,43,241)
```

Similar Colors

Text with hexadecimal color #502bf1

This text has a font color of #502bf1.

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

#502bf1 background color

This paragraph has a background color of #502bf1.

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

#502bf1 border color

This element has a border color of #502bf1.

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

CSS codes

.text {color:#502bf1;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#07021b
```
#07021b rgb(7,2,27)
```
#0b032e
```
#0b032e rgb(11,3,46)
```
#0f0440
```
#0f0440 rgb(15,4,64)
```
#140552
```
#140552 rgb(20,5,82)
```
#180765
```
#180765 rgb(24,7,101)
```
#1d0877
```
#1d0877 rgb(29,8,119)
```
#21098a
```
#21098a rgb(33,9,138)
```
#260a9c
```
#260a9c rgb(38,10,156)
```
#2a0cae
```
#2a0cae rgb(42,12,174)
```
#2e0dc1
```
#2e0dc1 rgb(46,13,193)
```
#330ed3
```
#330ed3 rgb(51,14,211)
```
#370fe6
```
#370fe6 rgb(55,15,230)
```

Shade Color Variation

#4119f0
```
#4119f0 rgb(65,25,240)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#5f3df2
```
#5f3df2 rgb(95,61,242)
```
#6e50f3
```
#6e50f3 rgb(110,80,243)
```
#7e62f5
```
#7e62f5 rgb(126,98,245)
```
#8d75f6
```
#8d75f6 rgb(141,117,246)
```
#9c87f7
```
#9c87f7 rgb(156,135,247)
```
#ab99f8
```
#ab99f8 rgb(171,153,248)
```
#baacfa
```
#baacfa rgb(186,172,250)
```
#cabefb
```
#cabefb rgb(202,190,251)
```
#d9d1fc
```
#d9d1fc rgb(217,209,252)
```
#e8e3fd
```
#e8e3fd rgb(232,227,253)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8b91 is the less saturated color, while #4b22fa is the most saturated one.

#8c8b91
```
#8c8b91 rgb(140,139,145)
```
#86829a
```
#86829a rgb(134,130,154)
```
#8179a3
```
#8179a3 rgb(129,121,163)
```
#7c71ab
```
#7c71ab rgb(124,113,171)
```
#7668b4
```
#7668b4 rgb(118,104,180)
```
#715fbd
```
#715fbd rgb(113,95,189)
```
#6b56c6
```
#6b56c6 rgb(107,86,198)
```
#664ece
```
#664ece rgb(102,78,206)
```
#6045d7
```
#6045d7 rgb(96,69,215)
```
#5b3ce0
```
#5b3ce0 rgb(91,60,224)
```
#5534e8
```
#5534e8 rgb(85,52,232)
```
#502bf1
```
#502bf1 rgb(80,43,241)
```
#4b22fa
```
#4b22fa rgb(75,34,250)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e466e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1d4bcb Protanomaly 1% of men, 0.01% of women
#1d4fbc Deuteranomaly 6% of men, 0.4% of women
#1d539f Tritanomaly 0.01% of the population

#502bf1 hex color

#502bf1 Color Information

#502bf1 Color Conversion

Color Schemes with #502bf1

Alternatives to #502bf1

#502bf1 Preview

Shades and Tints of #502bf1

Tones of #502bf1

Color Blindness Simulator