#502aff hex color

In a RGB color space, hex #502aff is composed of 31.4% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 250.7 degrees, a saturation of 100% and a lightness of 58.2%. #502aff color hex could be obtained by blending #a054ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 16
- B 100
RGB color chart
- C 69
- M 84
- Y 0
- K 0
CMYK color chart

● #502aff color description : Vivid blue.

The hexadecimal color #502aff has RGB values of R:80, G:42, B:255 and CMYK values of C:0.69, M:0.84, Y:0, K:0. Its decimal value is 5253887.

Hex triplet	502aff	`#502aff`
RGB Decimal	80, 42, 255	`rgb(80,42,255)`
RGB Percent	31.4, 16.5, 100	`rgb(31.4%,16.5%,100%)`
CMYK	69, 84, 0, 0
HSL	250.7°, 100, 58.2	`hsl(250.7,100%,58.2%)`
HSV (or HSB)	250.7°, 83.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.864, 71.358, -96.835
XYZ	22.183, 10.58, 95.475
xyY	0.173, 0.083, 10.58
CIE-LCH	38.864, 120.287, 306.387
CIE-LUV	38.864, -4.024, -133.671
Hunter-Lab	32.527, 64.809, -151.261
Binary	01010000, 00101010, 11111111

#502aff
```
#502aff rgb(80,42,255)
```
#d9ff2a
```
#d9ff2a rgb(217,255,42)
```

Complementary Color

#2a6fff
```
#2a6fff rgb(42,111,255)
```
#502aff
```
#502aff rgb(80,42,255)
```
#bb2aff
```
#bb2aff rgb(187,42,255)
```

Analogous Color

#6fff2a
```
#6fff2a rgb(111,255,42)
```
#502aff
```
#502aff rgb(80,42,255)
```
#ffbb2a
```
#ffbb2a rgb(255,187,42)
```

Split Complementary Color

#2aff50
```
#2aff50 rgb(42,255,80)
```
#502aff
```
#502aff rgb(80,42,255)
```
#ff502a
```
#ff502a rgb(255,80,42)
```

Triadic Color

#2ad9ff
```
#2ad9ff rgb(42,217,255)
```
#502aff
```
#502aff rgb(80,42,255)
```
#ff502a
```
#ff502a rgb(255,80,42)
```
#d9ff2a
```
#d9ff2a rgb(217,255,42)
```

Tetradic Color

#2700dd
```
#2700dd rgb(39,0,221)
```
#2c00f6
```
#2c00f6 rgb(44,0,246)
```
#3b11ff
```
#3b11ff rgb(59,17,255)
```
#502aff
```
#502aff rgb(80,42,255)
```
#6544ff
```
#6544ff rgb(101,68,255)
```
#7a5dff
```
#7a5dff rgb(122,93,255)
```
#8f77ff
```
#8f77ff rgb(143,119,255)
```

Monochromatic Color

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

#2a39ff
```
#2a39ff rgb(42,57,255)
```
#2d2aff
```
#2d2aff rgb(45,42,255)
```
#3e2aff
```
#3e2aff rgb(62,42,255)
```
#502aff
```
#502aff rgb(80,42,255)
```
#622aff
```
#622aff rgb(98,42,255)
```
#742aff
```
#742aff rgb(116,42,255)
```
#852aff
```
#852aff rgb(133,42,255)
```

Similar Colors

Text with hexadecimal color #502aff

This text has a font color of #502aff.

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

#502aff background color

This paragraph has a background color of #502aff.

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

#502aff border color

This element has a border color of #502aff.

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

CSS codes

.text {color:#502aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#040016
```
#040016 rgb(4,0,22)
```
#07002a
```
#07002a rgb(7,0,42)
```
#0b003e
```
#0b003e rgb(11,0,62)
```
#0e0051
```
#0e0051 rgb(14,0,81)
```
#120065
```
#120065 rgb(18,0,101)
```
#150078
```
#150078 rgb(21,0,120)
```
#19008c
```
#19008c rgb(25,0,140)
```
#1c00a0
```
#1c00a0 rgb(28,0,160)
```
#2000b3
```
#2000b3 rgb(32,0,179)
```
#2300c7
```
#2300c7 rgb(35,0,199)
```
#2700db
```
#2700db rgb(39,0,219)
```
#2a00ee
```
#2a00ee rgb(42,0,238)
```

Shade Color Variation

#3003ff
```
#3003ff rgb(48,3,255)
```
#4016ff
```
#4016ff rgb(64,22,255)
```
#502aff
```
#502aff rgb(80,42,255)
```
#603eff
```
#603eff rgb(96,62,255)
```
#7051ff
```
#7051ff rgb(112,81,255)
```
#8065ff
```
#8065ff rgb(128,101,255)
```
#9078ff
```
#9078ff rgb(144,120,255)
```
#a18cff
```
#a18cff rgb(161,140,255)
```
#b1a0ff
```
#b1a0ff rgb(177,160,255)
```
#c1b3ff
```
#c1b3ff rgb(193,179,255)
```
#d1c7ff
```
#d1c7ff rgb(209,199,255)
```
#e1dbff
```
#e1dbff rgb(225,219,255)
```
#f1eeff
```
#f1eeff rgb(241,238,255)
```

Tint Color Variation

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

#8f8c9d
```
#8f8c9d rgb(143,140,157)
```
#8a84a5
```
#8a84a5 rgb(138,132,165)
```
#857cad
```
#857cad rgb(133,124,173)
```
#7f74b5
```
#7f74b5 rgb(127,116,181)
```
#7a6cbd
```
#7a6cbd rgb(122,108,189)
```
#7563c6
```
#7563c6 rgb(117,99,198)
```
#705bce
```
#705bce rgb(112,91,206)
```
#6a53d6
```
#6a53d6 rgb(106,83,214)
```
#654bde
```
#654bde rgb(101,75,222)
```
#6043e6
```
#6043e6 rgb(96,67,230)
```
#5b3aef
```
#5b3aef rgb(91,58,239)
```
#5532f7
```
#5532f7 rgb(85,50,247)
```
#502aff
```
#502aff rgb(80,42,255)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4e4771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1d4dd4 Protanomaly 1% of men, 0.01% of women
#1d50c4 Deuteranomaly 6% of men, 0.4% of women
#1d55a6 Tritanomaly 0.01% of the population

#502aff hex color

#502aff Color Information

#502aff Color Conversion

Color Schemes with #502aff

Alternatives to #502aff

#502aff Preview

Shades and Tints of #502aff

Tones of #502aff

Color Blindness Simulator