Recognised as Colour
#A3A220
- #A3A220
- Yellow
- Dark
- Nearest: Olive
#A3A220 is a yellow with RGB values 163, 162, 32 and HSL 60°, 67%, 38%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Olive.
Colour values
#A3A220#A3A220
HEX#A3A220
RGBrgb(163, 162, 32)
RGB (0–1)0.6392, 0.6353, 0.1255
RGB percentages63.9%, 63.5%, 12.5%
HSLhsl(59.5, 67.2%, 38.2%)
HSV / HSBhsv(59.5, 80.4%, 63.9%)
CMYK0%, 0.6%, 80.4%, 36.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,723,872
CSS custom property--colour: #A3A220;
Brightness & contrast
Relative luminance0.33731WCAG 2.x, 0 is black and 1 is white
Perceived brightness153.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.75:1
Contrast with white2.71:1WCAG normal text: Fail
Contrast with black7.75:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#5C5DDF
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.71:1WCAG large text: Fail
Contrast with black, large text7.75:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2021A3
Analogous#A36020, #63A320
Triadic#20A3A2, #A220A3
Split complementary#2063A3, #6020A3
Tetradic#20A360, #2021A3, #A32063
Tints, shades & saturation
Channel breakdown
R163
G162
B32
Red163 (63.9%)
Green162 (63.5%)
Blue32 (12.5%)
Hue59.54°
Saturation (HSL)67.18%
Lightness38.24%
Dominant channelRed
Hex per channelR A3 · G A2 · B 20
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page