#a2d502 hex color

In a RGB color space, hex #a2d502 is composed of 63.5% red, 83.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 0% magenta, 99.1% yellow and 16.5% black. It has a hue angle of 74.5 degrees, a saturation of 98.1% and a lightness of 42.2%. #a2d502 color hex could be obtained by blending #ffff04 with #45ab00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 64
- G 84
- B 1
RGB color chart
- C 24
- M 0
- Y 99
- K 16
CMYK color chart

● #a2d502 color description : Strong yellow.

The hexadecimal color #a2d502 has RGB values of R:162, G:213, B:2 and CMYK values of C:0.24, M:0, Y:0.99, K:0.16. Its decimal value is 10671362.

Hex triplet	a2d502	`#a2d502`
RGB Decimal	162, 213, 2	`rgb(162,213,2)`
RGB Percent	63.5, 83.5, 0.8	`rgb(63.5%,83.5%,0.8%)`
CMYK	24, 0, 99, 16
HSL	74.5°, 98.1, 42.2	`hsl(74.5,98.1%,42.2%)`
HSV (or HSB)	74.5°, 99.1, 83.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.199, -39.732, 78.036
XYZ	38.705, 55.273, 8.687
xyY	0.377, 0.538, 55.273
CIE-LCH	79.199, 87.568, 116.983
CIE-LUV	79.199, -25.367, 90.799
Hunter-Lab	74.346, -37.178, 45.114
Binary	10100010, 11010101, 00000010

#a2d502
```
#a2d502 rgb(162,213,2)
```
#3502d5
```
#3502d5 rgb(53,2,213)
```

Complementary Color

#d59f02
```
#d59f02 rgb(213,159,2)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#39d502
```
#39d502 rgb(57,213,2)
```

Analogous Color

#9f02d5
```
#9f02d5 rgb(159,2,213)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#0239d5
```
#0239d5 rgb(2,57,213)
```

Split Complementary Color

#d502a2
```
#d502a2 rgb(213,2,162)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#02a2d5
```
#02a2d5 rgb(2,162,213)
```

Triadic Color

#d53502
```
#d53502 rgb(213,53,2)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#02a2d5
```
#02a2d5 rgb(2,162,213)
```
#3502d5
```
#3502d5 rgb(53,2,213)
```

Tetradic Color

#688901
```
#688901 rgb(104,137,1)
```
#7ca202
```
#7ca202 rgb(124,162,2)
```
#8fbc02
```
#8fbc02 rgb(143,188,2)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#b5ee02
```
#b5ee02 rgb(181,238,2)
```
#c3fd0d
```
#c3fd0d rgb(195,253,13)
```
#c9fd27
```
#c9fd27 rgb(201,253,39)
```

Monochromatic Color

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

#d5d302
```
#d5d302 rgb(213,211,2)
```
#c5d502
```
#c5d502 rgb(197,213,2)
```
#b4d502
```
#b4d502 rgb(180,213,2)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#90d502
```
#90d502 rgb(144,213,2)
```
#7fd502
```
#7fd502 rgb(127,213,2)
```
#6dd502
```
#6dd502 rgb(109,213,2)
```

Similar Colors

Text with hexadecimal color #a2d502

This text has a font color of #a2d502.

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

#a2d502 background color

This paragraph has a background color of #a2d502.

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

#a2d502 border color

This element has a border color of #a2d502.

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

CSS codes

.text {color:#a2d502;}

.background {background-color:#a2d502;}

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

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, #0e1300 is the darkest color, while #fffffe is the lightest one.

#0e1300
```
#0e1300 rgb(14,19,0)
```
#1d2600
```
#1d2600 rgb(29,38,0)
```
#2c3a01
```
#2c3a01 rgb(44,58,1)
```
#3b4d01
```
#3b4d01 rgb(59,77,1)
```
#496001
```
#496001 rgb(73,96,1)
```
#587401
```
#587401 rgb(88,116,1)
```
#678701
```
#678701 rgb(103,135,1)
```
#769b01
```
#769b01 rgb(118,155,1)
```
#84ae02
```
#84ae02 rgb(132,174,2)
```
#93c202
```
#93c202 rgb(147,194,2)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```
#b1e802
```
#b1e802 rgb(177,232,2)
```
#c0fc02
```
#c0fc02 rgb(192,252,2)
```

Shade Color Variation

#c5fd15
```
#c5fd15 rgb(197,253,21)
```
#cafd28
```
#cafd28 rgb(202,253,40)
```
#cefd3c
```
#cefd3c rgb(206,253,60)
```
#d3fd4f
```
#d3fd4f rgb(211,253,79)
```
#d8fe63
```
#d8fe63 rgb(216,254,99)
```
#ddfe76
```
#ddfe76 rgb(221,254,118)
```
#e2fe8a
```
#e2fe8a rgb(226,254,138)
```
#e7fe9d
```
#e7fe9d rgb(231,254,157)
```
#ebfeb1
```
#ebfeb1 rgb(235,254,177)
```
#f0fec4
```
#f0fec4 rgb(240,254,196)
```
#f5ffd7
```
#f5ffd7 rgb(245,255,215)
```
#faffeb
```
#faffeb rgb(250,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6f7265
```
#6f7265 rgb(111,114,101)
```
#737a5d
```
#737a5d rgb(115,122,93)
```
#778255
```
#778255 rgb(119,130,85)
```
#7c8b4c
```
#7c8b4c rgb(124,139,76)
```
#809344
```
#809344 rgb(128,147,68)
```
#849b3c
```
#849b3c rgb(132,155,60)
```
#88a334
```
#88a334 rgb(136,163,52)
```
#8dac2b
```
#8dac2b rgb(141,172,43)
```
#91b423
```
#91b423 rgb(145,180,35)
```
#95bc1b
```
#95bc1b rgb(149,188,27)
```
#99c413
```
#99c413 rgb(153,196,19)
```
#9ecd0a
```
#9ecd0a rgb(158,205,10)
```
#a2d502
```
#a2d502 rgb(162,213,2)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#acb68c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc700 Protanopia 1% of men
#f8bd2f Deuteranopia 1% of men
#bbc8d7 Tritanopia 0.001% of the population

Trichromacy

#c9cc00 Protanomaly 1% of men, 0.01% of women
#d9c61e Deuteranomaly 6% of men, 0.4% of women
#b2cd89 Tritanomaly 0.01% of the population

#a2d502 hex color

#a2d502 Color Information

#a2d502 Color Conversion

Color Schemes with #a2d502

Alternatives to #a2d502

#a2d502 Preview

Shades and Tints of #a2d502

Tones of #a2d502

Color Blindness Simulator