colorhexa.com

#a3bf22 hex color

In a RGB color space, hex #a3bf22 is composed of 63.9% red, 74.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 0% magenta, 82.2% yellow and 25.1% black. It has a hue angle of 70.7 degrees, a saturation of 69.8% and a lightness of 44.1%. #a3bf22 color hex could be obtained by blending #ffff44 with #477f00. Closest websafe color is: #99cc33.

- R 64
- G 75
- B 13
RGB color chart
- C 15
- M 0
- Y 82
- K 25
CMYK color chart

● #a3bf22 color description : Strong yellow.

The hexadecimal color #a3bf22 has RGB values of R:163, G:191, B:34 and CMYK values of C:0.15, M:0, Y:0.82, K:0.25. Its decimal value is 10731298.

Hex triplet	a3bf22	`#a3bf22`
RGB Decimal	163, 191, 34	`rgb(163,191,34)`
RGB Percent	63.9, 74.9, 13.3	`rgb(63.9%,74.9%,13.3%)`
CMYK	15, 0, 82, 25
HSL	70.7°, 69.8, 44.1	`hsl(70.7,69.8%,44.1%)`
HSV (or HSB)	70.7°, 82.2, 74.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.999, -28.6, 68.177
XYZ	34.024, 45.163, 8.438
xyY	0.388, 0.515, 45.163
CIE-LCH	72.999, 73.933, 112.758
CIE-LUV	72.999, -12.458, 79.091
Hunter-Lab	67.204, -27.237, 39.598
Binary	10100011, 10111111, 00100010

#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#3e22bf
```
#3e22bf rgb(62,34,191)
```

Complementary Color

#bf8d22
```
#bf8d22 rgb(191,141,34)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#55bf22
```
#55bf22 rgb(85,191,34)
```

Analogous Color

#8d22bf
```
#8d22bf rgb(141,34,191)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#2255bf
```
#2255bf rgb(34,85,191)
```

Split Complementary Color

#bf22a3
```
#bf22a3 rgb(191,34,163)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#22a3bf
```
#22a3bf rgb(34,163,191)
```

Triadic Color

#bf3e22
```
#bf3e22 rgb(191,62,34)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#22a3bf
```
#22a3bf rgb(34,163,191)
```
#3e22bf
```
#3e22bf rgb(62,34,191)
```

Tetradic Color

#6c7e16
```
#6c7e16 rgb(108,126,22)
```
#7e941a
```
#7e941a rgb(126,148,26)
```
#91a91e
```
#91a91e rgb(145,169,30)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#b5d526
```
#b5d526 rgb(181,213,38)
```
#bfdc38
```
#bfdc38 rgb(191,220,56)
```
#c6df4e
```
#c6df4e rgb(198,223,78)
```

Monochromatic Color

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

#bfb422
```
#bfb422 rgb(191,180,34)
```
#bdbf22
```
#bdbf22 rgb(189,191,34)
```
#b0bf22
```
#b0bf22 rgb(176,191,34)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#96bf22
```
#96bf22 rgb(150,191,34)
```
#89bf22
```
#89bf22 rgb(137,191,34)
```
#7cbf22
```
#7cbf22 rgb(124,191,34)
```

Similar Colors

Text with hexadecimal color #a3bf22

This text has a font color of #a3bf22.

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

#a3bf22 background color

This paragraph has a background color of #a3bf22.

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

#a3bf22 border color

This element has a border color of #a3bf22.

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

CSS codes

.text {color:#a3bf22;}

.background {background-color:#a3bf22;}

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

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

#070801
```
#070801 rgb(7,8,1)
```
#151804
```
#151804 rgb(21,24,4)
```
#232907
```
#232907 rgb(35,41,7)
```
#313a0a
```
#313a0a rgb(49,58,10)
```
#404a0d
```
#404a0d rgb(64,74,13)
```
#4e5b10
```
#4e5b10 rgb(78,91,16)
```
#5c6c13
```
#5c6c13 rgb(92,108,19)
```
#6a7c16
```
#6a7c16 rgb(106,124,22)
```
#788d19
```
#788d19 rgb(120,141,25)
```
#879e1c
```
#879e1c rgb(135,158,28)
```
#95ae1f
```
#95ae1f rgb(149,174,31)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#b1d025
```
#b1d025 rgb(177,208,37)
```

Shade Color Variation

#bbda2e
```
#bbda2e rgb(187,218,46)
```
#c1dd3f
```
#c1dd3f rgb(193,221,63)
```
#c6e050
```
#c6e050 rgb(198,224,80)
```
#cbe360
```
#cbe360 rgb(203,227,96)
```
#d1e671
```
#d1e671 rgb(209,230,113)
```
#d6e982
```
#d6e982 rgb(214,233,130)
```
#dcec92
```
#dcec92 rgb(220,236,146)
```
#e1efa3
```
#e1efa3 rgb(225,239,163)
```
#e7f2b4
```
#e7f2b4 rgb(231,242,180)
```
#ecf5c4
```
#ecf5c4 rgb(236,245,196)
```
#f1f8d5
```
#f1f8d5 rgb(241,248,213)
```
#f7fae6
```
#f7fae6 rgb(247,250,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#717170
```
#717170 rgb(113,113,112)
```
#767a67
```
#767a67 rgb(118,122,103)
```
#7c825f
```
#7c825f rgb(124,130,95)
```
#828b56
```
#828b56 rgb(130,139,86)
```
#87944d
```
#87944d rgb(135,148,77)
```
#8d9c45
```
#8d9c45 rgb(141,156,69)
```
#92a53c
```
#92a53c rgb(146,165,60)
```
#98ae33
```
#98ae33 rgb(152,174,51)
```
#9db62b
```
#9db62b rgb(157,182,43)
```
#a3bf22
```
#a3bf22 rgb(163,191,34)
```
#a9c819
```
#a9c819 rgb(169,200,25)
```
#aed011
```
#aed011 rgb(174,208,17)
```
#b4d908
```
#b4d908 rgb(180,217,8)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a5aa8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb72a Protanopia 1% of men
#e3ae39 Deuteranopia 1% of men
#b7b5c2 Tritanopia 0.001% of the population

Trichromacy

#bdba27 Protanomaly 1% of men, 0.01% of women
#ccb431 Deuteranomaly 6% of men, 0.4% of women
#b0b988 Tritanomaly 0.01% of the population