#502bec hex color

In a RGB color space, hex #502bec is composed of 31.4% red, 16.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 81.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 251.5 degrees, a saturation of 83.5% and a lightness of 54.7%. #502bec color hex could be obtained by blending #a056ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 17
- B 93
RGB color chart
- C 66
- M 82
- Y 0
- K 7
CMYK color chart

● #502bec color description : Bright blue.

The hexadecimal color #502bec has RGB values of R:80, G:43, B:236 and CMYK values of C:0.66, M:0.82, Y:0, K:0.07. Its decimal value is 5254124.

Hex triplet	502bec	`#502bec`
RGB Decimal	80, 43, 236	`rgb(80,43,236)`
RGB Percent	31.4, 16.9, 92.5	`rgb(31.4%,16.9%,92.5%)`
CMYK	66, 82, 0, 7
HSL	251.5°, 83.5, 54.7	`hsl(251.5,83.5%,54.7%)`
HSV (or HSB)	251.5°, 81.8, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.908, 65.88, -89.374
XYZ	19.31, 9.488, 80.166
xyY	0.177, 0.087, 9.488
CIE-LCH	36.908, 111.031, 306.395
CIE-LUV	36.908, -2.768, -122.821
Hunter-Lab	30.803, 57.99, -132.74
Binary	01010000, 00101011, 11101100

#502bec
```
#502bec rgb(80,43,236)
```
#c7ec2b
```
#c7ec2b rgb(199,236,43)
```

Complementary Color

#2b67ec
```
#2b67ec rgb(43,103,236)
```
#502bec
```
#502bec rgb(80,43,236)
```
#b12bec
```
#b12bec rgb(177,43,236)
```

Analogous Color

#67ec2b
```
#67ec2b rgb(103,236,43)
```
#502bec
```
#502bec rgb(80,43,236)
```
#ecb12b
```
#ecb12b rgb(236,177,43)
```

Split Complementary Color

#2bec50
```
#2bec50 rgb(43,236,80)
```
#502bec
```
#502bec rgb(80,43,236)
```
#ec502b
```
#ec502b rgb(236,80,43)
```

Triadic Color

#2bc7ec
```
#2bc7ec rgb(43,199,236)
```
#502bec
```
#502bec rgb(80,43,236)
```
#ec502b
```
#ec502b rgb(236,80,43)
```
#c7ec2b
```
#c7ec2b rgb(199,236,43)
```

Tetradic Color

#3111ba
```
#3111ba rgb(49,17,186)
```
#3713d1
```
#3713d1 rgb(55,19,209)
```
#3d15e9
```
#3d15e9 rgb(61,21,233)
```
#502bec
```
#502bec rgb(80,43,236)
```
#6342ee
```
#6342ee rgb(99,66,238)
```
#775af0
```
#775af0 rgb(119,90,240)
```
#8a71f2
```
#8a71f2 rgb(138,113,242)
```

Monochromatic Color

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

#2b36ec
```
#2b36ec rgb(43,54,236)
```
#302bec
```
#302bec rgb(48,43,236)
```
#402bec
```
#402bec rgb(64,43,236)
```
#502bec
```
#502bec rgb(80,43,236)
```
#602bec
```
#602bec rgb(96,43,236)
```
#702bec
```
#702bec rgb(112,43,236)
```
#802bec
```
#802bec rgb(128,43,236)
```

Similar Colors

Text with hexadecimal color #502bec

This text has a font color of #502bec.

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

#502bec background color

This paragraph has a background color of #502bec.

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

#502bec border color

This element has a border color of #502bec.

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

CSS codes

.text {color:#502bec;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#060216
```
#060216 rgb(6,2,22)
```
#0b0428
```
#0b0428 rgb(11,4,40)
```
#0f053a
```
#0f053a rgb(15,5,58)
```
#14074c
```
#14074c rgb(20,7,76)
```
#19085e
```
#19085e rgb(25,8,94)
```
#1e0a70
```
#1e0a70 rgb(30,10,112)
```
#220c82
```
#220c82 rgb(34,12,130)
```
#270d94
```
#270d94 rgb(39,13,148)
```
#2c0fa6
```
#2c0fa6 rgb(44,15,166)
```
#3110b8
```
#3110b8 rgb(49,16,184)
```
#3512ca
```
#3512ca rgb(53,18,202)
```
#3a14dc
```
#3a14dc rgb(58,20,220)
```

Shade Color Variation

#4119ea
```
#4119ea rgb(65,25,234)
```
#502bec
```
#502bec rgb(80,43,236)
```
#5f3dee
```
#5f3dee rgb(95,61,238)
```
#6e4fef
```
#6e4fef rgb(110,79,239)
```
#7d61f1
```
#7d61f1 rgb(125,97,241)
```
#8b73f2
```
#8b73f2 rgb(139,115,242)
```
#9a85f4
```
#9a85f4 rgb(154,133,244)
```
#a997f6
```
#a997f6 rgb(169,151,246)
```
#b8a9f7
```
#b8a9f7 rgb(184,169,247)
```
#c7bbf9
```
#c7bbf9 rgb(199,187,249)
```
#d6cdfb
```
#d6cdfb rgb(214,205,251)
```
#e5dffc
```
#e5dffc rgb(229,223,252)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878493 is the less saturated color, while #4519fe is the most saturated one.

#878493
```
#878493 rgb(135,132,147)
```
#817b9c
```
#817b9c rgb(129,123,156)
```
#7c72a5
```
#7c72a5 rgb(124,114,165)
```
#7669ae
```
#7669ae rgb(118,105,174)
```
#7160b7
```
#7160b7 rgb(113,96,183)
```
#6b57c0
```
#6b57c0 rgb(107,87,192)
```
#664fc8
```
#664fc8 rgb(102,79,200)
```
#6046d1
```
#6046d1 rgb(96,70,209)
```
#5b3dda
```
#5b3dda rgb(91,61,218)
```
#5534e3
```
#5534e3 rgb(85,52,227)
```
#502bec
```
#502bec rgb(80,43,236)
```
#4b22f5
```
#4b22f5 rgb(75,34,245)
```
#4519fe
```
#4519fe rgb(69,25,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d456c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1d4ac8 Protanomaly 1% of men, 0.01% of women
#1d4eb9 Deuteranomaly 6% of men, 0.4% of women
#1d529c Tritanomaly 0.01% of the population

#502bec hex color

#502bec Color Information

#502bec Color Conversion

Color Schemes with #502bec

Alternatives to #502bec

#502bec Preview

Shades and Tints of #502bec

Tones of #502bec

Color Blindness Simulator