#502fba hex color

In a RGB color space, hex #502fba is composed of 31.4% red, 18.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 74.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 254.2 degrees, a saturation of 59.7% and a lightness of 45.7%. #502fba color hex could be obtained by blending #a05eff with #000075. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 73
RGB color chart
- C 57
- M 75
- Y 0
- K 27
CMYK color chart

● #502fba color description : Moderate blue.

The hexadecimal color #502fba has RGB values of R:80, G:47, B:186 and CMYK values of C:0.57, M:0.75, Y:0, K:0.27. Its decimal value is 5255098.

Hex triplet	502fba	`#502fba`
RGB Decimal	80, 47, 186	`rgb(80,47,186)`
RGB Percent	31.4, 18.4, 72.9	`rgb(31.4%,18.4%,72.9%)`
CMYK	57, 75, 0, 27
HSL	254.2°, 59.7, 45.7	`hsl(254.2,59.7%,45.7%)`
HSV (or HSB)	254.2°, 74.7, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.443, 50.031, -67.802
XYZ	13.186, 7.283, 47.163
xyY	0.195, 0.108, 7.283
CIE-LCH	32.443, 84.263, 306.424
CIE-LUV	32.443, 0.846, -92.775
Hunter-Lab	26.988, 39.986, -84.722
Binary	01010000, 00101111, 10111010

#502fba
```
#502fba rgb(80,47,186)
```
#99ba2f
```
#99ba2f rgb(153,186,47)
```

Complementary Color

#2f54ba
```
#2f54ba rgb(47,84,186)
```
#502fba
```
#502fba rgb(80,47,186)
```
#962fba
```
#962fba rgb(150,47,186)
```

Analogous Color

#54ba2f
```
#54ba2f rgb(84,186,47)
```
#502fba
```
#502fba rgb(80,47,186)
```
#ba962f
```
#ba962f rgb(186,150,47)
```

Split Complementary Color

#2fba50
```
#2fba50 rgb(47,186,80)
```
#502fba
```
#502fba rgb(80,47,186)
```
#ba502f
```
#ba502f rgb(186,80,47)
```

Triadic Color

#2f99ba
```
#2f99ba rgb(47,153,186)
```
#502fba
```
#502fba rgb(80,47,186)
```
#ba502f
```
#ba502f rgb(186,80,47)
```
#99ba2f
```
#99ba2f rgb(153,186,47)
```

Tetradic Color

#36207d
```
#36207d rgb(54,32,125)
```
#3e2591
```
#3e2591 rgb(62,37,145)
```
#472aa6
```
#472aa6 rgb(71,42,166)
```
#502fba
```
#502fba rgb(80,47,186)
```
#5a36cc
```
#5a36cc rgb(90,54,204)
```
#6b4bd1
```
#6b4bd1 rgb(107,75,209)
```
#7b5fd7
```
#7b5fd7 rgb(123,95,215)
```

Monochromatic Color

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

#2f31ba
```
#2f31ba rgb(47,49,186)
```
#392fba
```
#392fba rgb(57,47,186)
```
#442fba
```
#442fba rgb(68,47,186)
```
#502fba
```
#502fba rgb(80,47,186)
```
#5c2fba
```
#5c2fba rgb(92,47,186)
```
#672fba
```
#672fba rgb(103,47,186)
```
#732fba
```
#732fba rgb(115,47,186)
```

Similar Colors

Text with hexadecimal color #502fba

This text has a font color of #502fba.

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

#502fba background color

This paragraph has a background color of #502fba.

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

#502fba border color

This element has a border color of #502fba.

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

CSS codes

.text {color:#502fba;}

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

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

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 #fdfdff is the lightest one.

#06030e
```
#06030e rgb(6,3,14)
```
#0d071d
```
#0d071d rgb(13,7,29)
```
#130b2d
```
#130b2d rgb(19,11,45)
```
#1a0f3d
```
#1a0f3d rgb(26,15,61)
```
#21134c
```
#21134c rgb(33,19,76)
```
#28175c
```
#28175c rgb(40,23,92)
```
#2e1b6c
```
#2e1b6c rgb(46,27,108)
```
#351f7b
```
#351f7b rgb(53,31,123)
```
#3c238b
```
#3c238b rgb(60,35,139)
```
#43279b
```
#43279b rgb(67,39,155)
```
#492baa
```
#492baa rgb(73,43,170)
```
#502fba
```
#502fba rgb(80,47,186)
```
#5733ca
```
#5733ca rgb(87,51,202)
```

Shade Color Variation

#6341cf
```
#6341cf rgb(99,65,207)
```
#7051d3
```
#7051d3 rgb(112,81,211)
```
#7d61d7
```
#7d61d7 rgb(125,97,215)
```
#8a70db
```
#8a70db rgb(138,112,219)
```
#9680df
```
#9680df rgb(150,128,223)
```
#a38fe3
```
#a38fe3 rgb(163,143,227)
```
#b09fe7
```
#b09fe7 rgb(176,159,231)
```
#bdafeb
```
#bdafeb rgb(189,175,235)
```
#cabeef
```
#cabeef rgb(202,190,239)
```
#d7cef3
```
#d7cef3 rgb(215,206,243)
```
#e4def7
```
#e4def7 rgb(228,222,247)
```
#f1edfb
```
#f1edfb rgb(241,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716e7b is the less saturated color, while #3802e7 is the most saturated one.

#716e7b
```
#716e7b rgb(113,110,123)
```
#6c6584
```
#6c6584 rgb(108,101,132)
```
#685c8d
```
#685c8d rgb(104,92,141)
```
#635396
```
#635396 rgb(99,83,150)
```
#5e4a9f
```
#5e4a9f rgb(94,74,159)
```
#5941a8
```
#5941a8 rgb(89,65,168)
```
#5538b1
```
#5538b1 rgb(85,56,177)
```
#502fba
```
#502fba rgb(80,47,186)
```
#4b26c3
```
#4b26c3 rgb(75,38,195)
```
#471dcc
```
#471dcc rgb(71,29,204)
```
#4214d5
```
#4214d5 rgb(66,20,213)
```
#3d0bde
```
#3d0bde rgb(61,11,222)
```
#3802e7
```
#3802e7 rgb(56,2,231)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4a4460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#285c63 Tritanopia 0.001% of the population

Trichromacy

#1d46aa Protanomaly 1% of men, 0.01% of women
#1d489d Deuteranomaly 6% of men, 0.4% of women
#364b82 Tritanomaly 0.01% of the population

#502fba hex color

#502fba Color Information

#502fba Color Conversion

Color Schemes with #502fba

Alternatives to #502fba

#502fba Preview

Shades and Tints of #502fba

Tones of #502fba

Color Blindness Simulator