#a2bd3a hex color

In a RGB color space, hex #a2bd3a is composed of 63.5% red, 74.1% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 69.3% yellow and 25.9% black. It has a hue angle of 72.4 degrees, a saturation of 53% and a lightness of 48.4%. #a2bd3a color hex could be obtained by blending #ffff74 with #457b00. Closest websafe color is: #99cc33.

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

● #a2bd3a color description : Moderate yellow.

The hexadecimal color #a2bd3a has RGB values of R:162, G:189, B:58 and CMYK values of C:0.14, M:0, Y:0.69, K:0.26. Its decimal value is 10665274.

Hex triplet	a2bd3a	`#a2bd3a`
RGB Decimal	162, 189, 58	`rgb(162,189,58)`
RGB Percent	63.5, 74.1, 22.7	`rgb(63.5%,74.1%,22.7%)`
CMYK	14, 0, 69, 26
HSL	72.4°, 53, 48.4	`hsl(72.4,53%,48.4%)`
HSV (or HSB)	72.4°, 69.3, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.483, -26.94, 60.018
XYZ	33.861, 44.382, 10.785
xyY	0.38, 0.499, 44.382
CIE-LCH	72.483, 65.787, 114.173
CIE-LUV	72.483, -12.054, 72.916
Hunter-Lab	66.62, -25.857, 37.035
Binary	10100010, 10111101, 00111010

#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#553abd
```
#553abd rgb(85,58,189)
```

Complementary Color

#bd973a
```
#bd973a rgb(189,151,58)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#61bd3a
```
#61bd3a rgb(97,189,58)
```

Analogous Color

#973abd
```
#973abd rgb(151,58,189)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#3a61bd
```
#3a61bd rgb(58,97,189)
```

Split Complementary Color

#bd3aa2
```
#bd3aa2 rgb(189,58,162)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#3aa2bd
```
#3aa2bd rgb(58,162,189)
```

Triadic Color

#bd553a
```
#bd553a rgb(189,85,58)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#3aa2bd
```
#3aa2bd rgb(58,162,189)
```
#553abd
```
#553abd rgb(85,58,189)
```

Tetradic Color

#708228
```
#708228 rgb(112,130,40)
```
#81962e
```
#81962e rgb(129,150,46)
```
#91a934
```
#91a934 rgb(145,169,52)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#adc749
```
#adc749 rgb(173,199,73)
```
#b6cd5d
```
#b6cd5d rgb(182,205,93)
```
#bfd370
```
#bfd370 rgb(191,211,112)
```

Monochromatic Color

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

#bdb73a
```
#bdb73a rgb(189,183,58)
```
#b8bd3a
```
#b8bd3a rgb(184,189,58)
```
#adbd3a
```
#adbd3a rgb(173,189,58)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#97bd3a
```
#97bd3a rgb(151,189,58)
```
#8cbd3a
```
#8cbd3a rgb(140,189,58)
```
#81bd3a
```
#81bd3a rgb(129,189,58)
```

Similar Colors

Text with hexadecimal color #a2bd3a

This text has a font color of #a2bd3a.

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

#a2bd3a background color

This paragraph has a background color of #a2bd3a.

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

#a2bd3a border color

This element has a border color of #a2bd3a.

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

CSS codes

.text {color:#a2bd3a;}

.background {background-color:#a2bd3a;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#141807
```
#141807 rgb(20,24,7)
```
#21270c
```
#21270c rgb(33,39,12)
```
#2e3611
```
#2e3611 rgb(46,54,17)
```
#3b4515
```
#3b4515 rgb(59,69,21)
```
#48541a
```
#48541a rgb(72,84,26)
```
#55631e
```
#55631e rgb(85,99,30)
```
#627223
```
#627223 rgb(98,114,35)
```
#6f8128
```
#6f8128 rgb(111,129,40)
```
#7b902c
```
#7b902c rgb(123,144,44)
```
#889f31
```
#889f31 rgb(136,159,49)
```
#95ae35
```
#95ae35 rgb(149,174,53)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```

Shade Color Variation

#abc645
```
#abc645 rgb(171,198,69)
```
#b2ca54
```
#b2ca54 rgb(178,202,84)
```
#b9cf63
```
#b9cf63 rgb(185,207,99)
```
#bfd472
```
#bfd472 rgb(191,212,114)
```
#c6d881
```
#c6d881 rgb(198,216,129)
```
#cddd90
```
#cddd90 rgb(205,221,144)
```
#d4e19f
```
#d4e19f rgb(212,225,159)
```
#dae6ae
```
#dae6ae rgb(218,230,174)
```
#e1ebbd
```
#e1ebbd rgb(225,235,189)
```
#e8efcc
```
#e8efcc rgb(232,239,204)
```
#eff4db
```
#eff4db rgb(239,244,219)
```
#f5f9ea
```
#f5f9ea rgb(245,249,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#808473
```
#808473 rgb(128,132,115)
```
#868e6a
```
#868e6a rgb(134,142,106)
```
#8c9760
```
#8c9760 rgb(140,151,96)
```
#91a157
```
#91a157 rgb(145,161,87)
```
#97aa4d
```
#97aa4d rgb(151,170,77)
```
#9cb444
```
#9cb444 rgb(156,180,68)
```
#a2bd3a
```
#a2bd3a rgb(162,189,58)
```
#a8c731
```
#a8c731 rgb(168,199,49)
```
#add027
```
#add027 rgb(173,208,39)
```
#b3da1e
```
#b3da1e rgb(179,218,30)
```
#b8e314
```
#b8e314 rgb(184,227,20)
```
#beed0b
```
#beed0b rgb(190,237,11)
```
#c4f601
```
#c4f601 rgb(196,246,1)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a5ab90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab641 Protanopia 1% of men
#e0ad4c Deuteranopia 1% of men
#b5b4c1 Tritanopia 0.001% of the population

Trichromacy

#bbb83e Protanomaly 1% of men, 0.01% of women
#c9b345 Deuteranomaly 6% of men, 0.4% of women
#aeb790 Tritanomaly 0.01% of the population

#a2bd3a hex color

#a2bd3a Color Information

#a2bd3a Color Conversion

Color Schemes with #a2bd3a

Alternatives to #a2bd3a

#a2bd3a Preview

Shades and Tints of #a2bd3a

Tones of #a2bd3a

Color Blindness Simulator