#a2bc02 hex color

In a RGB color space, hex #a2bc02 is composed of 63.5% red, 73.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 98.9% yellow and 26.3% black. It has a hue angle of 68.4 degrees, a saturation of 97.9% and a lightness of 37.3%. #a2bc02 color hex could be obtained by blending #ffff04 with #457900. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 64
- G 74
- B 1
RGB color chart
- C 14
- M 0
- Y 99
- K 26
CMYK color chart

● #a2bc02 color description : Strong yellow.

The hexadecimal color #a2bc02 has RGB values of R:162, G:188, B:2 and CMYK values of C:0.14, M:0, Y:0.99, K:0.26. Its decimal value is 10664962.

Hex triplet	a2bc02	`#a2bc02`
RGB Decimal	162, 188, 2	`rgb(162,188,2)`
RGB Percent	63.5, 73.7, 0.8	`rgb(63.5%,73.7%,0.8%)`
CMYK	14, 0, 99, 26
HSL	68.4°, 97.9, 37.3	`hsl(68.4,97.9%,37.3%)`
HSV (or HSB)	68.4°, 98.9, 73.7
Web Safe	99cc00	`#99cc00`

CIE-LAB	71.995, -28.244, 72.56
XYZ	32.894, 43.652, 6.75
xyY	0.395, 0.524, 43.652
CIE-LCH	71.995, 77.864, 111.269
CIE-LUV	71.995, -11.21, 81.072
Hunter-Lab	66.07, -26.752, 40.191
Binary	10100010, 10111100, 00000010

#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#1c02bc
```
#1c02bc rgb(28,2,188)
```

Complementary Color

#bc7902
```
#bc7902 rgb(188,121,2)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#45bc02
```
#45bc02 rgb(69,188,2)
```

Analogous Color

#7902bc
```
#7902bc rgb(121,2,188)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#0245bc
```
#0245bc rgb(2,69,188)
```

Split Complementary Color

#bc02a2
```
#bc02a2 rgb(188,2,162)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#02a2bc
```
#02a2bc rgb(2,162,188)
```

Triadic Color

#bc1c02
```
#bc1c02 rgb(188,28,2)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#02a2bc
```
#02a2bc rgb(2,162,188)
```
#1c02bc
```
#1c02bc rgb(28,2,188)
```

Tetradic Color

#617001
```
#617001 rgb(97,112,1)
```
#778a01
```
#778a01 rgb(119,138,1)
```
#8ca302
```
#8ca302 rgb(140,163,2)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#b8d502
```
#b8d502 rgb(184,213,2)
```
#cdee03
```
#cdee03 rgb(205,238,3)
```
#dbfc0e
```
#dbfc0e rgb(219,252,14)
```

Monochromatic Color

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

#bca802
```
#bca802 rgb(188,168,2)
```
#bcb702
```
#bcb702 rgb(188,183,2)
```
#b2bc02
```
#b2bc02 rgb(178,188,2)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#93bc02
```
#93bc02 rgb(147,188,2)
```
#83bc02
```
#83bc02 rgb(131,188,2)
```
#74bc02
```
#74bc02 rgb(116,188,2)
```

Similar Colors

Text with hexadecimal color #a2bc02

This text has a font color of #a2bc02.

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

#a2bc02 background color

This paragraph has a background color of #a2bc02.

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

#a2bc02 border color

This element has a border color of #a2bc02.

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

CSS codes

.text {color:#a2bc02;}

.background {background-color:#a2bc02;}

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

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

#0b0d00
```
#0b0d00 rgb(11,13,0)
```
#1c2100
```
#1c2100 rgb(28,33,0)
```
#2d3401
```
#2d3401 rgb(45,52,1)
```
#3e4801
```
#3e4801 rgb(62,72,1)
```
#4e5b01
```
#4e5b01 rgb(78,91,1)
```
#5f6e01
```
#5f6e01 rgb(95,110,1)
```
#708201
```
#708201 rgb(112,130,1)
```
#819502
```
#819502 rgb(129,149,2)
```
#91a902
```
#91a902 rgb(145,169,2)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```
#b3cf02
```
#b3cf02 rgb(179,207,2)
```
#c3e302
```
#c3e302 rgb(195,227,2)
```
#d4f603
```
#d4f603 rgb(212,246,3)
```

Shade Color Variation

#dbfc10
```
#dbfc10 rgb(219,252,16)
```
#defd23
```
#defd23 rgb(222,253,35)
```
#e1fd37
```
#e1fd37 rgb(225,253,55)
```
#e4fd4a
```
#e4fd4a rgb(228,253,74)
```
#e7fd5e
```
#e7fd5e rgb(231,253,94)
```
#eafd71
```
#eafd71 rgb(234,253,113)
```
#edfe84
```
#edfe84 rgb(237,254,132)
```
#f0fe98
```
#f0fe98 rgb(240,254,152)
```
#f3feab
```
#f3feab rgb(243,254,171)
```
#f5febf
```
#f5febf rgb(245,254,191)
```
#f8ffd2
```
#f8ffd2 rgb(248,255,210)
```
#fbffe6
```
#fbffe6 rgb(251,255,230)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#63645a
```
#63645a rgb(99,100,90)
```
#686c52
```
#686c52 rgb(104,108,82)
```
#6d734b
```
#6d734b rgb(109,115,75)
```
#737a44
```
#737a44 rgb(115,122,68)
```
#78823c
```
#78823c rgb(120,130,60)
```
#7d8935
```
#7d8935 rgb(125,137,53)
```
#82902e
```
#82902e rgb(130,144,46)
```
#889727
```
#889727 rgb(136,151,39)
```
#8d9f1f
```
#8d9f1f rgb(141,159,31)
```
#92a618
```
#92a618 rgb(146,166,24)
```
#97ad11
```
#97ad11 rgb(151,173,17)
```
#9db509
```
#9db509 rgb(157,181,9)
```
#a2bc02
```
#a2bc02 rgb(162,188,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a0a580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab400 Protanopia 1% of men
#e1ab28 Deuteranopia 1% of men
#b6b2bf Tritanopia 0.001% of the population

Trichromacy

#bbb700 Protanomaly 1% of men, 0.01% of women
#cab11a Deuteranomaly 6% of men, 0.4% of women
#afb67a Tritanomaly 0.01% of the population

#a2bc02 hex color

#a2bc02 Color Information

#a2bc02 Color Conversion

Color Schemes with #a2bc02

Alternatives to #a2bc02

#a2bc02 Preview

Shades and Tints of #a2bc02

Tones of #a2bc02

Color Blindness Simulator