#502bf3 hex color

In a RGB color space, hex #502bf3 is composed of 31.4% red, 16.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 82.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 251.1 degrees, a saturation of 89.3% and a lightness of 56.1%. #502bf3 color hex could be obtained by blending #a056ff with #0000e7. 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

● #502bf3 color description : Bright blue.

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

Hex triplet	502bf3	`#502bf3`
RGB Decimal	80, 43, 243	`rgb(80,43,243)`
RGB Percent	31.4, 16.9, 95.3	`rgb(31.4%,16.9%,95.3%)`
CMYK	67, 82, 0, 5
HSL	251.1°, 89.3, 56.1	`hsl(251.1,89.3%,56.1%)`
HSV (or HSB)	251.1°, 82.3, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.668, 67.775, -92.076
XYZ	20.347, 9.903, 85.628
xyY	0.176, 0.085, 9.903
CIE-LCH	37.668, 114.33, 306.356
CIE-LUV	37.668, -3.278, -126.831
Hunter-Lab	31.47, 60.338, -139.299
Binary	01010000, 00101011, 11110011

#502bf3
```
#502bf3 rgb(80,43,243)
```
#cef32b
```
#cef32b rgb(206,243,43)
```

Complementary Color

#2b6af3
```
#2b6af3 rgb(43,106,243)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#b42bf3
```
#b42bf3 rgb(180,43,243)
```

Analogous Color

#6af32b
```
#6af32b rgb(106,243,43)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#f3b42b
```
#f3b42b rgb(243,180,43)
```

Split Complementary Color

#2bf350
```
#2bf350 rgb(43,243,80)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#f3502b
```
#f3502b rgb(243,80,43)
```

Triadic Color

#2bcef3
```
#2bcef3 rgb(43,206,243)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#f3502b
```
#f3502b rgb(243,80,43)
```
#cef32b
```
#cef32b rgb(206,243,43)
```

Tetradic Color

#2e0bc6
```
#2e0bc6 rgb(46,11,198)
```
#330dde
```
#330dde rgb(51,13,222)
```
#3c13f2
```
#3c13f2 rgb(60,19,242)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#6443f4
```
#6443f4 rgb(100,67,244)
```
#785bf6
```
#785bf6 rgb(120,91,246)
```
#8c73f7
```
#8c73f7 rgb(140,115,247)
```

Monochromatic Color

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

#2b38f3
```
#2b38f3 rgb(43,56,243)
```
#2f2bf3
```
#2f2bf3 rgb(47,43,243)
```
#3f2bf3
```
#3f2bf3 rgb(63,43,243)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#612bf3
```
#612bf3 rgb(97,43,243)
```
#712bf3
```
#712bf3 rgb(113,43,243)
```
#822bf3
```
#822bf3 rgb(130,43,243)
```

Similar Colors

Text with hexadecimal color #502bf3

This text has a font color of #502bf3.

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

#502bf3 background color

This paragraph has a background color of #502bf3.

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

#502bf3 border color

This element has a border color of #502bf3.

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

CSS codes

.text {color:#502bf3;}

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

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

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, #02010b is the darkest color, while #f9f7ff is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#07021d
```
#07021d rgb(7,2,29)
```
#0b0330
```
#0b0330 rgb(11,3,48)
```
#0f0442
```
#0f0442 rgb(15,4,66)
```
#140555
```
#140555 rgb(20,5,85)
```
#180668
```
#180668 rgb(24,6,104)
```
#1c077a
```
#1c077a rgb(28,7,122)
```
#21088d
```
#21088d rgb(33,8,141)
```
#25099f
```
#25099f rgb(37,9,159)
```
#290ab2
```
#290ab2 rgb(41,10,178)
```
#2d0bc4
```
#2d0bc4 rgb(45,11,196)
```
#320cd7
```
#320cd7 rgb(50,12,215)
```
#360dea
```
#360dea rgb(54,13,234)
```

Shade Color Variation

#4118f2
```
#4118f2 rgb(65,24,242)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#5f3ef4
```
#5f3ef4 rgb(95,62,244)
```
#6f50f5
```
#6f50f5 rgb(111,80,245)
```
#7e63f6
```
#7e63f6 rgb(126,99,246)
```
#8d75f7
```
#8d75f7 rgb(141,117,247)
```
#9d88f8
```
#9d88f8 rgb(157,136,248)
```
#ac9af9
```
#ac9af9 rgb(172,154,249)
```
#bbadfa
```
#bbadfa rgb(187,173,250)
```
#cbc0fb
```
#cbc0fb rgb(203,192,251)
```
#dad2fc
```
#dad2fc rgb(218,210,252)
```
#e9e5fe
```
#e9e5fe rgb(233,229,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#8c8a94
```
#8c8a94 rgb(140,138,148)
```
#86819d
```
#86819d rgb(134,129,157)
```
#8179a5
```
#8179a5 rgb(129,121,165)
```
#7b70ae
```
#7b70ae rgb(123,112,174)
```
#7667b7
```
#7667b7 rgb(118,103,183)
```
#715fbf
```
#715fbf rgb(113,95,191)
```
#6b56c8
```
#6b56c8 rgb(107,86,200)
```
#664dd1
```
#664dd1 rgb(102,77,209)
```
#6045d9
```
#6045d9 rgb(96,69,217)
```
#5b3ce2
```
#5b3ce2 rgb(91,60,226)
```
#5534ea
```
#5534ea rgb(85,52,234)
```
#502bf3
```
#502bf3 rgb(80,43,243)
```
#4b22fc
```
#4b22fc rgb(75,34,252)
```

Tone Color Variation

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

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1d4bcd Protanomaly 1% of men, 0.01% of women
#1d4fbd Deuteranomaly 6% of men, 0.4% of women
#1d53a0 Tritanomaly 0.01% of the population

#502bf3 hex color

#502bf3 Color Information

#502bf3 Color Conversion

Color Schemes with #502bf3

Alternatives to #502bf3

#502bf3 Preview

Shades and Tints of #502bf3

Tones of #502bf3

Color Blindness Simulator