#a2bf45 hex color

In a RGB color space, hex #a2bf45 is composed of 63.5% red, 74.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 63.9% yellow and 25.1% black. It has a hue angle of 74.3 degrees, a saturation of 48.8% and a lightness of 51%. #a2bf45 color hex could be obtained by blending #ffff8a with #457f00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 64
- G 75
- B 27
RGB color chart
- C 15
- M 0
- Y 64
- K 25
CMYK color chart

● #a2bf45 color description : Moderate yellow.

The hexadecimal color #a2bf45 has RGB values of R:162, G:191, B:69 and CMYK values of C:0.15, M:0, Y:0.64, K:0.25. Its decimal value is 10665797.

Hex triplet	a2bf45	`#a2bf45`
RGB Decimal	162, 191, 69	`rgb(162,191,69)`
RGB Percent	63.5, 74.9, 27.1	`rgb(63.5%,74.9%,27.1%)`
CMYK	15, 0, 64, 25
HSL	74.3°, 48.8, 51	`hsl(74.3,48.8%,51%)`
HSV (or HSB)	74.3°, 63.9, 74.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.136, -27.18, 56.313
XYZ	34.605, 45.372, 12.565
xyY	0.374, 0.49, 45.372
CIE-LCH	73.136, 62.53, 115.765
CIE-LUV	73.136, -13.299, 70.401
Hunter-Lab	67.359, -26.176, 36.092
Binary	10100010, 10111111, 01000101

#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#6245bf
```
#6245bf rgb(98,69,191)
```

Complementary Color

#bf9f45
```
#bf9f45 rgb(191,159,69)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#65bf45
```
#65bf45 rgb(101,191,69)
```

Analogous Color

#9f45bf
```
#9f45bf rgb(159,69,191)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#4565bf
```
#4565bf rgb(69,101,191)
```

Split Complementary Color

#bf45a2
```
#bf45a2 rgb(191,69,162)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#45a2bf
```
#45a2bf rgb(69,162,191)
```

Triadic Color

#bf6245
```
#bf6245 rgb(191,98,69)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#45a2bf
```
#45a2bf rgb(69,162,191)
```
#6245bf
```
#6245bf rgb(98,69,191)
```

Tetradic Color

#73892f
```
#73892f rgb(115,137,47)
```
#839b36
```
#839b36 rgb(131,155,54)
```
#93ae3c
```
#93ae3c rgb(147,174,60)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#abc658
```
#abc658 rgb(171,198,88)
```
#b5cc6b
```
#b5cc6b rgb(181,204,107)
```
#bed37e
```
#bed37e rgb(190,211,126)
```

Monochromatic Color

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

#bfbe45
```
#bfbe45 rgb(191,190,69)
```
#b6bf45
```
#b6bf45 rgb(182,191,69)
```
#acbf45
```
#acbf45 rgb(172,191,69)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#98bf45
```
#98bf45 rgb(152,191,69)
```
#8ebf45
```
#8ebf45 rgb(142,191,69)
```
#84bf45
```
#84bf45 rgb(132,191,69)
```

Similar Colors

Text with hexadecimal color #a2bf45

This text has a font color of #a2bf45.

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

#a2bf45 background color

This paragraph has a background color of #a2bf45.

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

#a2bf45 border color

This element has a border color of #a2bf45.

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

CSS codes

.text {color:#a2bf45;}

.background {background-color:#a2bf45;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0f1206
```
#0f1206 rgb(15,18,6)
```
#1c210b
```
#1c210b rgb(28,33,11)
```
#283010
```
#283010 rgb(40,48,16)
```
#343e15
```
#343e15 rgb(52,62,21)
```
#414d1a
```
#414d1a rgb(65,77,26)
```
#4d5b1f
```
#4d5b1f rgb(77,91,31)
```
#596a24
```
#596a24 rgb(89,106,36)
```
#667829
```
#667829 rgb(102,120,41)
```
#72872e
```
#72872e rgb(114,135,46)
```
#7e9633
```
#7e9633 rgb(126,150,51)
```
#8ba439
```
#8ba439 rgb(139,164,57)
```
#97b33e
```
#97b33e rgb(151,179,62)
```

Shade Color Variation

#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#a9c454
```
#a9c454 rgb(169,196,84)
```
#b1c962
```
#b1c962 rgb(177,201,98)
```
#b8ce71
```
#b8ce71 rgb(184,206,113)
```
#bfd37f
```
#bfd37f rgb(191,211,127)
```
#c6d88e
```
#c6d88e rgb(198,216,142)
```
#cedd9d
```
#cedd9d rgb(206,221,157)
```
#d5e2ab
```
#d5e2ab rgb(213,226,171)
```
#dce7ba
```
#dce7ba rgb(220,231,186)
```
#e4ecc8
```
#e4ecc8 rgb(228,236,200)
```
#ebf1d7
```
#ebf1d7 rgb(235,241,215)
```
#f2f6e6
```
#f2f6e6 rgb(242,246,230)
```
#fafbf4
```
#fafbf4 rgb(250,251,244)
```

Tint Color Variation

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

#84857f
```
#84857f rgb(132,133,127)
```
#898f75
```
#898f75 rgb(137,143,117)
```
#8e996b
```
#8e996b rgb(142,153,107)
```
#93a262
```
#93a262 rgb(147,162,98)
```
#98ac58
```
#98ac58 rgb(152,172,88)
```
#9db54f
```
#9db54f rgb(157,181,79)
```
#a2bf45
```
#a2bf45 rgb(162,191,69)
```
#a7c93b
```
#a7c93b rgb(167,201,59)
```
#acd232
```
#acd232 rgb(172,210,50)
```
#b1dc28
```
#b1dc28 rgb(177,220,40)
```
#b6e51f
```
#b6e51f rgb(182,229,31)
```
#bbef15
```
#bbef15 rgb(187,239,21)
```
#c0f90b
```
#c0f90b rgb(192,249,11)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a7ad94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb74b Protanopia 1% of men
#e1af56 Deuteranopia 1% of men
#b5b6c3 Tritanopia 0.001% of the population

Trichromacy

#bcba49 Protanomaly 1% of men, 0.01% of women
#cab450 Deuteranomaly 6% of men, 0.4% of women
#aeb995 Tritanomaly 0.01% of the population

#a2bf45 hex color

#a2bf45 Color Information

#a2bf45 Color Conversion

Color Schemes with #a2bf45

Alternatives to #a2bf45

#a2bf45 Preview

Shades and Tints of #a2bf45

Tones of #a2bf45

Color Blindness Simulator