#a7b228 hex color

In a RGB color space, hex #a7b228 is composed of 65.5% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 64.8 degrees, a saturation of 63.3% and a lightness of 42.7%. #a7b228 color hex could be obtained by blending #ffff50 with #4f6500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 65
- G 70
- B 16
RGB color chart
- C 6
- M 0
- Y 78
- K 30
CMYK color chart

● #a7b228 color description : Dark yellow [Olive tone].

The hexadecimal color #a7b228 has RGB values of R:167, G:178, B:40 and CMYK values of C:0.06, M:0, Y:0.78, K:0.3. Its decimal value is 10990120.

Hex triplet	a7b228	`#a7b228`
RGB Decimal	167, 178, 40	`rgb(167,178,40)`
RGB Percent	65.5, 69.8, 15.7	`rgb(65.5%,69.8%,15.7%)`
CMYK	6, 0, 78, 30
HSL	64.8°, 63.3, 42.7	`hsl(64.8,63.3%,42.7%)`
HSV (or HSB)	64.8°, 77.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.619, -20.344, 63.607
XYZ	32.24, 40.21, 8.07
xyY	0.4, 0.499, 40.21
CIE-LCH	69.619, 66.781, 107.737
CIE-LUV	69.619, -2.107, 72.687
Hunter-Lab	63.411, -20.216, 36.842
Binary	10100111, 10110010, 00101000

#a7b228
```
#a7b228 rgb(167,178,40)
```
#3328b2
```
#3328b2 rgb(51,40,178)
```

Complementary Color

#b27828
```
#b27828 rgb(178,120,40)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#62b228
```
#62b228 rgb(98,178,40)
```

Analogous Color

#7828b2
```
#7828b2 rgb(120,40,178)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#2862b2
```
#2862b2 rgb(40,98,178)
```

Split Complementary Color

#b228a7
```
#b228a7 rgb(178,40,167)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#28a7b2
```
#28a7b2 rgb(40,167,178)
```

Triadic Color

#b23328
```
#b23328 rgb(178,51,40)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#28a7b2
```
#28a7b2 rgb(40,167,178)
```
#3328b2
```
#3328b2 rgb(51,40,178)
```

Tetradic Color

#6c741a
```
#6c741a rgb(108,116,26)
```
#80881f
```
#80881f rgb(128,136,31)
```
#939d23
```
#939d23 rgb(147,157,35)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#bbc72d
```
#bbc72d rgb(187,199,45)
```
#c7d33a
```
#c7d33a rgb(199,211,58)
```
#cdd74f
```
#cdd74f rgb(205,215,79)
```

Monochromatic Color

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

#b29b28
```
#b29b28 rgb(178,155,40)
```
#b2a628
```
#b2a628 rgb(178,166,40)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#9cb228
```
#9cb228 rgb(156,178,40)
```
#90b228
```
#90b228 rgb(144,178,40)
```
#85b228
```
#85b228 rgb(133,178,40)
```

Similar Colors

Text with hexadecimal color #a7b228

This text has a font color of #a7b228.

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

#a7b228 background color

This paragraph has a background color of #a7b228.

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

#a7b228 border color

This element has a border color of #a7b228.

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

CSS codes

.text {color:#a7b228;}

.background {background-color:#a7b228;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111204
```
#111204 rgb(17,18,4)
```
#202208
```
#202208 rgb(32,34,8)
```
#2f320b
```
#2f320b rgb(47,50,11)
```
#3e420f
```
#3e420f rgb(62,66,15)
```
#4d5212
```
#4d5212 rgb(77,82,18)
```
#5c6216
```
#5c6216 rgb(92,98,22)
```
#6b721a
```
#6b721a rgb(107,114,26)
```
#7a821d
```
#7a821d rgb(122,130,29)
```
#899221
```
#899221 rgb(137,146,33)
```
#98a224
```
#98a224 rgb(152,162,36)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#b6c22c
```
#b6c22c rgb(182,194,44)
```

Shade Color Variation

#c4d131
```
#c4d131 rgb(196,209,49)
```
#c8d441
```
#c8d441 rgb(200,212,65)
```
#cdd851
```
#cdd851 rgb(205,216,81)
```
#d2db61
```
#d2db61 rgb(210,219,97)
```
#d6df71
```
#d6df71 rgb(214,223,113)
```
#dbe381
```
#dbe381 rgb(219,227,129)
```
#dfe691
```
#dfe691 rgb(223,230,145)
```
#e4eaa1
```
#e4eaa1 rgb(228,234,161)
```
#e9edb1
```
#e9edb1 rgb(233,237,177)
```
#edf1c1
```
#edf1c1 rgb(237,241,193)
```
#f2f5d1
```
#f2f5d1 rgb(242,245,209)
```
#f6f8e1
```
#f6f8e1 rgb(246,248,225)
```
#fbfcf1
```
#fbfcf1 rgb(251,252,241)
```

Tint Color Variation

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

#6f6f6b
```
#6f6f6b rgb(111,111,107)
```
#767763
```
#767763 rgb(118,119,99)
```
#7d805a
```
#7d805a rgb(125,128,90)
```
#848852
```
#848852 rgb(132,136,82)
```
#8b904a
```
#8b904a rgb(139,144,74)
```
#929941
```
#929941 rgb(146,153,65)
```
#99a139
```
#99a139 rgb(153,161,57)
```
#a0aa30
```
#a0aa30 rgb(160,170,48)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#aeba20
```
#aeba20 rgb(174,186,32)
```
#b5c317
```
#b5c317 rgb(181,195,23)
```
#bccb0f
```
#bccb0f rgb(188,203,15)
```
#c3d406
```
#c3d406 rgb(195,212,6)
```

Tone Color Variation

Below, you can see how #a7b228 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
#a1a387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae31 Protanopia 1% of men
#d8a63b Deuteranopia 1% of men
#b8aab6 Tritanopia 0.001% of the population

Trichromacy

#b8af2d Protanomaly 1% of men, 0.01% of women
#c6aa34 Deuteranomaly 6% of men, 0.4% of women
#b2ad82 Tritanomaly 0.01% of the population

#a7b228 hex color

#a7b228 Color Information

#a7b228 Color Conversion

Color Schemes with #a7b228

Alternatives to #a7b228

#a7b228 Preview

Shades and Tints of #a7b228

Tones of #a7b228

Color Blindness Simulator