colorhexa.com

#a502ff hex color

In a RGB color space, hex #a502ff is composed of 64.7% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 278.7 degrees, a saturation of 100% and a lightness of 50.4%. #a502ff color hex could be obtained by blending #ff04ff with #4b00ff. Closest websafe color is: #9900ff.

- R 65
- G 1
- B 100
RGB color chart
- C 35
- M 99
- Y 0
- K 0
CMYK color chart

● #a502ff color description : Vivid violet.

The hexadecimal color #a502ff has RGB values of R:165, G:2, B:255 and CMYK values of C:0.35, M:0.99, Y:0, K:0. Its decimal value is 10814207.

Hex triplet	a502ff	`#a502ff`
RGB Decimal	165, 2, 255	`rgb(165,2,255)`
RGB Percent	64.7, 0.8, 100	`rgb(64.7%,0.8%,100%)`
CMYK	35, 99, 0, 0
HSL	278.7°, 100, 50.4	`hsl(278.7,100%,50.4%)`
HSV (or HSB)	278.7°, 99.2, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.993, 86.279, -84.747
XYZ	33.586, 15.263, 95.779
xyY	0.232, 0.106, 15.263
CIE-LCH	45.993, 120.939, 315.513
CIE-LUV	45.993, 27.79, -130.651
Hunter-Lab	39.068, 85.082, -118.006
Binary	10100101, 00000010, 11111111

#a502ff
```
#a502ff rgb(165,2,255)
```
#5cff02
```
#5cff02 rgb(92,255,2)
```

Complementary Color

#2702ff
```
#2702ff rgb(39,2,255)
```
#a502ff
```
#a502ff rgb(165,2,255)
```
#ff02db
```
#ff02db rgb(255,2,219)
```

Analogous Color

#02ff27
```
#02ff27 rgb(2,255,39)
```
#a502ff
```
#a502ff rgb(165,2,255)
```
#dbff02
```
#dbff02 rgb(219,255,2)
```

Split Complementary Color

#02ffa5
```
#02ffa5 rgb(2,255,165)
```
#a502ff
```
#a502ff rgb(165,2,255)
```
#ffa502
```
#ffa502 rgb(255,165,2)
```

Triadic Color

#7400b5
```
#7400b5 rgb(116,0,181)
```
#8500ce
```
#8500ce rgb(133,0,206)
```
#9500e8
```
#9500e8 rgb(149,0,232)
```
#a502ff
```
#a502ff rgb(165,2,255)
```
#ae1cff
```
#ae1cff rgb(174,28,255)
```
#b735ff
```
#b735ff rgb(183,53,255)
```
#c04fff
```
#c04fff rgb(192,79,255)
```

Monochromatic Color

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

#6602ff
```
#6602ff rgb(102,2,255)
```
#7b02ff
```
#7b02ff rgb(123,2,255)
```
#9002ff
```
#9002ff rgb(144,2,255)
```
#a502ff
```
#a502ff rgb(165,2,255)
```
#ba02ff
```
#ba02ff rgb(186,2,255)
```
#cf02ff
```
#cf02ff rgb(207,2,255)
```
#e402ff
```
#e402ff rgb(228,2,255)
```

Similar Colors

Text with hexadecimal color #a502ff

This text has a font color of #a502ff.

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

#a502ff background color

This paragraph has a background color of #a502ff.

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

#a502ff border color

This element has a border color of #a502ff.

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

CSS codes

.text {color:#a502ff;}

.background {background-color:#a502ff;}

.border {border:1px solid #a502ff;}

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0016
```
#0e0016 rgb(14,0,22)
```
#1b0029
```
#1b0029 rgb(27,0,41)
```
#27003d
```
#27003d rgb(39,0,61)
```
#340050
```
#340050 rgb(52,0,80)
```
#400064
```
#400064 rgb(64,0,100)
```
#4d0078
```
#4d0078 rgb(77,0,120)
```
#5a008b
```
#5a008b rgb(90,0,139)
```
#66009f
```
#66009f rgb(102,0,159)
```
#7300b3
```
#7300b3 rgb(115,0,179)
```
#8000c6
```
#8000c6 rgb(128,0,198)
```
#8c00da
```
#8c00da rgb(140,0,218)
```
#9900ed
```
#9900ed rgb(153,0,237)
```

Shade Color Variation

#a502ff
```
#a502ff rgb(165,2,255)
```
#ac16ff
```
#ac16ff rgb(172,22,255)
```
#b329ff
```
#b329ff rgb(179,41,255)
```
#ba3dff
```
#ba3dff rgb(186,61,255)
```
#c150ff
```
#c150ff rgb(193,80,255)
```
#c864ff
```
#c864ff rgb(200,100,255)
```
#cf78ff
```
#cf78ff rgb(207,120,255)
```
#d68bff
```
#d68bff rgb(214,139,255)
```
#dd9fff
```
#dd9fff rgb(221,159,255)
```
#e4b3ff
```
#e4b3ff rgb(228,179,255)
```
#ebc6ff
```
#ebc6ff rgb(235,198,255)
```
#f2daff
```
#f2daff rgb(242,218,255)
```
#f9edff
```
#f9edff rgb(249,237,255)
```

Tint Color Variation

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

#83778a
```
#83778a rgb(131,119,138)
```
#866d94
```
#866d94 rgb(134,109,148)
```
#89639e
```
#89639e rgb(137,99,158)
```
#8c5aa7
```
#8c5aa7 rgb(140,90,167)
```
#8f50b1
```
#8f50b1 rgb(143,80,177)
```
#9146bb
```
#9146bb rgb(145,70,187)
```
#943cc5
```
#943cc5 rgb(148,60,197)
```
#9733ce
```
#9733ce rgb(151,51,206)
```
#9a29d8
```
#9a29d8 rgb(154,41,216)
```
#9d1fe2
```
#9d1fe2 rgb(157,31,226)
```
#9f15ec
```
#9f15ec rgb(159,21,236)
```
#a20cf5
```
#a20cf5 rgb(162,12,245)
```
#a502ff
```
#a502ff rgb(165,2,255)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#614073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071db Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#896d74 Tritanopia 0.001% of the population

Trichromacy

#3c48e8 Protanomaly 1% of men, 0.01% of women
#3c4cd7 Deuteranomaly 6% of men, 0.4% of women
#9346a7 Tritanomaly 0.01% of the population