#a2c500 hex color

In a RGB color space, hex #a2c500 is composed of 63.5% red, 77.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 100% yellow and 22.7% black. It has a hue angle of 70.7 degrees, a saturation of 100% and a lightness of 38.6%. #a2c500 color hex could be obtained by blending #ffff00 with #458b00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 64
- G 77
- B 0
RGB color chart
- C 18
- M 0
- Y 100
- K 23
CMYK color chart

● #a2c500 color description : Strong yellow.

The hexadecimal color #a2c500 has RGB values of R:162, G:197, B:0 and CMYK values of C:0.18, M:0, Y:1, K:0.23. Its decimal value is 10667264.

Hex triplet	a2c500	`#a2c500`
RGB Decimal	162, 197, 0	`rgb(162,197,0)`
RGB Percent	63.5, 77.3, 0	`rgb(63.5%,77.3%,0%)`
CMYK	18, 0, 100, 23
HSL	70.7°, 100, 38.6	`hsl(70.7,100%,38.6%)`
HSV (or HSB)	70.7°, 100, 77.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.581, -32.508, 74.726
XYZ	34.866, 47.614, 7.354
xyY	0.388, 0.53, 47.614
CIE-LCH	74.581, 81.491, 113.51
CIE-LUV	74.581, -16.465, 84.709
Hunter-Lab	69.003, -30.56, 41.983
Binary	10100010, 11000101, 00000000

#a2c500
```
#a2c500 rgb(162,197,0)
```
#2300c5
```
#2300c5 rgb(35,0,197)
```

Complementary Color

#c58600
```
#c58600 rgb(197,134,0)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#40c500
```
#40c500 rgb(64,197,0)
```

Analogous Color

#8600c5
```
#8600c5 rgb(134,0,197)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#0040c5
```
#0040c5 rgb(0,64,197)
```

Split Complementary Color

#c500a2
```
#c500a2 rgb(197,0,162)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#00a2c5
```
#00a2c5 rgb(0,162,197)
```

Triadic Color

#c52300
```
#c52300 rgb(197,35,0)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#00a2c5
```
#00a2c5 rgb(0,162,197)
```
#2300c5
```
#2300c5 rgb(35,0,197)
```

Tetradic Color

#637900
```
#637900 rgb(99,121,0)
```
#789200
```
#789200 rgb(120,146,0)
```
#8dac00
```
#8dac00 rgb(141,172,0)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#b7df00
```
#b7df00 rgb(183,223,0)
```
#ccf800
```
#ccf800 rgb(204,248,0)
```
#d5ff13
```
#d5ff13 rgb(213,255,19)
```

Monochromatic Color

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

#c5b700
```
#c5b700 rgb(197,183,0)
```
#c3c500
```
#c3c500 rgb(195,197,0)
```
#b2c500
```
#b2c500 rgb(178,197,0)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#92c500
```
#92c500 rgb(146,197,0)
```
#81c500
```
#81c500 rgb(129,197,0)
```
#71c500
```
#71c500 rgb(113,197,0)
```

Similar Colors

Text with hexadecimal color #a2c500

This text has a font color of #a2c500.

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

#a2c500 background color

This paragraph has a background color of #a2c500.

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

#a2c500 border color

This element has a border color of #a2c500.

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

CSS codes

.text {color:#a2c500;}

.background {background-color:#a2c500;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111400
```
#111400 rgb(17,20,0)
```
#212800
```
#212800 rgb(33,40,0)
```
#313c00
```
#313c00 rgb(49,60,0)
```
#414f00
```
#414f00 rgb(65,79,0)
```
#516300
```
#516300 rgb(81,99,0)
```
#617700
```
#617700 rgb(97,119,0)
```
#728a00
```
#728a00 rgb(114,138,0)
```
#829e00
```
#829e00 rgb(130,158,0)
```
#92b100
```
#92b100 rgb(146,177,0)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```
#b2d900
```
#b2d900 rgb(178,217,0)
```
#c2ec00
```
#c2ec00 rgb(194,236,0)
```

Shade Color Variation

#d2ff01
```
#d2ff01 rgb(210,255,1)
```
#d5ff14
```
#d5ff14 rgb(213,255,20)
```
#d9ff28
```
#d9ff28 rgb(217,255,40)
```
#dcff3c
```
#dcff3c rgb(220,255,60)
```
#e0ff4f
```
#e0ff4f rgb(224,255,79)
```
#e3ff63
```
#e3ff63 rgb(227,255,99)
```
#e7ff77
```
#e7ff77 rgb(231,255,119)
```
#eaff8a
```
#eaff8a rgb(234,255,138)
```
#eeff9e
```
#eeff9e rgb(238,255,158)
```
#f1ffb1
```
#f1ffb1 rgb(241,255,177)
```
#f5ffc5
```
#f5ffc5 rgb(245,255,197)
```
#f8ffd9
```
#f8ffd9 rgb(248,255,217)
```
#fcffec
```
#fcffec rgb(252,255,236)
```

Tint Color Variation

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

#676a5b
```
#676a5b rgb(103,106,91)
```
#6c7253
```
#6c7253 rgb(108,114,83)
```
#71794c
```
#71794c rgb(113,121,76)
```
#768144
```
#768144 rgb(118,129,68)
```
#7b883d
```
#7b883d rgb(123,136,61)
```
#809035
```
#809035 rgb(128,144,53)
```
#85982d
```
#85982d rgb(133,152,45)
```
#8a9f26
```
#8a9f26 rgb(138,159,38)
```
#8ea71e
```
#8ea71e rgb(142,167,30)
```
#93ae17
```
#93ae17 rgb(147,174,23)
```
#98b60f
```
#98b60f rgb(152,182,15)
```
#9dbd08
```
#9dbd08 rgb(157,189,8)
```
#a2c500
```
#a2c500 rgb(162,197,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a4ab83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb00 Protanopia 1% of men
#e9b229 Deuteranopia 1% of men
#b8bac7 Tritanopia 0.001% of the population

Trichromacy

#c0bf00 Protanomaly 1% of men, 0.01% of women
#cfb91a Deuteranomaly 6% of men, 0.4% of women
#b0be7f Tritanomaly 0.01% of the population

#a2c500 hex color

#a2c500 Color Information

#a2c500 Color Conversion

Color Schemes with #a2c500

Alternatives to #a2c500

#a2c500 Preview

Shades and Tints of #a2c500

Tones of #a2c500

Color Blindness Simulator