#502fce hex color

In a RGB color space, hex #502fce is composed of 31.4% red, 18.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 77.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 252.5 degrees, a saturation of 62.8% and a lightness of 49.6%. #502fce color hex could be obtained by blending #a05eff with #00009d. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 81
RGB color chart
- C 61
- M 77
- Y 0
- K 19
CMYK color chart

● #502fce color description : Strong blue.

The hexadecimal color #502fce has RGB values of R:80, G:47, B:206 and CMYK values of C:0.61, M:0.77, Y:0, K:0.19. Its decimal value is 5255118.

Hex triplet	502fce	`#502fce`
RGB Decimal	80, 47, 206	`rgb(80,47,206)`
RGB Percent	31.4, 18.4, 80.8	`rgb(31.4%,18.4%,80.8%)`
CMYK	61, 77, 0, 19
HSL	252.5°, 62.8, 49.6	`hsl(252.5,62.8%,49.6%)`
HSV (or HSB)	252.5°, 77.2, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.384, 55.782, -76.327
XYZ	15.463, 8.194, 59.156
xyY	0.187, 0.099, 8.194
CIE-LCH	34.384, 94.538, 306.161
CIE-LUV	34.384, -0.896, -104.973
Hunter-Lab	28.625, 46.33, -102.488
Binary	01010000, 00101111, 11001110

#502fce
```
#502fce rgb(80,47,206)
```
#adce2f
```
#adce2f rgb(173,206,47)
```

Complementary Color

#2f5ece
```
#2f5ece rgb(47,94,206)
```
#502fce
```
#502fce rgb(80,47,206)
```
#a02fce
```
#a02fce rgb(160,47,206)
```

Analogous Color

#5ece2f
```
#5ece2f rgb(94,206,47)
```
#502fce
```
#502fce rgb(80,47,206)
```
#cea02f
```
#cea02f rgb(206,160,47)
```

Split Complementary Color

#2fce50
```
#2fce50 rgb(47,206,80)
```
#502fce
```
#502fce rgb(80,47,206)
```
#ce502f
```
#ce502f rgb(206,80,47)
```

Triadic Color

#2fadce
```
#2fadce rgb(47,173,206)
```
#502fce
```
#502fce rgb(80,47,206)
```
#ce502f
```
#ce502f rgb(206,80,47)
```
#adce2f
```
#adce2f rgb(173,206,47)
```

Tetradic Color

#382190
```
#382190 rgb(56,33,144)
```
#4026a4
```
#4026a4 rgb(64,38,164)
```
#482ab9
```
#482ab9 rgb(72,42,185)
```
#502fce
```
#502fce rgb(80,47,206)
```
#6143d4
```
#6143d4 rgb(97,67,212)
```
#7257d9
```
#7257d9 rgb(114,87,217)
```
#846cdd
```
#846cdd rgb(132,108,221)
```

Monochromatic Color

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

#2f36ce
```
#2f36ce rgb(47,54,206)
```
#362fce
```
#362fce rgb(54,47,206)
```
#432fce
```
#432fce rgb(67,47,206)
```
#502fce
```
#502fce rgb(80,47,206)
```
#5d2fce
```
#5d2fce rgb(93,47,206)
```
#6b2fce
```
#6b2fce rgb(107,47,206)
```
#782fce
```
#782fce rgb(120,47,206)
```

Similar Colors

Text with hexadecimal color #502fce

This text has a font color of #502fce.

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

#502fce background color

This paragraph has a background color of #502fce.

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

#502fce border color

This element has a border color of #502fce.

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

CSS codes

.text {color:#502fce;}

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

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

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, #06030e is the darkest color, while #fefdff is the lightest one.

#06030e
```
#06030e rgb(6,3,14)
```
#0c071e
```
#0c071e rgb(12,7,30)
```
#120b2e
```
#120b2e rgb(18,11,46)
```
#180e3e
```
#180e3e rgb(24,14,62)
```
#1e124e
```
#1e124e rgb(30,18,78)
```
#25155e
```
#25155e rgb(37,21,94)
```
#2b196e
```
#2b196e rgb(43,25,110)
```
#311d7e
```
#311d7e rgb(49,29,126)
```
#37208e
```
#37208e rgb(55,32,142)
```
#3d249e
```
#3d249e rgb(61,36,158)
```
#4428ae
```
#4428ae rgb(68,40,174)
```
#4a2bbe
```
#4a2bbe rgb(74,43,190)
```
#502fce
```
#502fce rgb(80,47,206)
```

Shade Color Variation

#5d3ed3
```
#5d3ed3 rgb(93,62,211)
```
#6a4ed7
```
#6a4ed7 rgb(106,78,215)
```
#785eda
```
#785eda rgb(120,94,218)
```
#856ede
```
#856ede rgb(133,110,222)
```
#927ee1
```
#927ee1 rgb(146,126,225)
```
#a08ee5
```
#a08ee5 rgb(160,142,229)
```
#ad9ee9
```
#ad9ee9 rgb(173,158,233)
```
#bbaeec
```
#bbaeec rgb(187,174,236)
```
#c8bdf0
```
#c8bdf0 rgb(200,189,240)
```
#d5cdf4
```
#d5cdf4 rgb(213,205,244)
```
#e3ddf7
```
#e3ddf7 rgb(227,221,247)
```
#f0edfb
```
#f0edfb rgb(240,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#7e7d80
```
#7e7d80 rgb(126,125,128)
```
#78738a
```
#78738a rgb(120,115,138)
```
#726994
```
#726994 rgb(114,105,148)
```
#6c609d
```
#6c609d rgb(108,96,157)
```
#6756a7
```
#6756a7 rgb(103,86,167)
```
#614cb1
```
#614cb1 rgb(97,76,177)
```
#5b42bb
```
#5b42bb rgb(91,66,187)
```
#5639c4
```
#5639c4 rgb(86,57,196)
```
#502fce
```
#502fce rgb(80,47,206)
```
#4a25d8
```
#4a25d8 rgb(74,37,216)
```
#451ce1
```
#451ce1 rgb(69,28,225)
```
#3f12eb
```
#3f12eb rgb(63,18,235)
```
#3908f5
```
#3908f5 rgb(57,8,245)
```

Tone Color Variation

Below, you can see how #502fce 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
#4c4565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#1d48b6 Protanomaly 1% of men, 0.01% of women
#1d4ba8 Deuteranomaly 6% of men, 0.4% of women
#1d4f8e Tritanomaly 0.01% of the population

#502fce hex color

#502fce Color Information

#502fce Color Conversion

Color Schemes with #502fce

Alternatives to #502fce

#502fce Preview

Shades and Tints of #502fce

Tones of #502fce

Color Blindness Simulator