Colour
#B4AF46
- #B4AF46
- Yellow
- Dark
- Nearest: Dark khaki
#B4AF46 is a yellow with RGB values 180, 175, 70 and HSL 57°, 44%, 49%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.
Colour values
#B4AF46#B4AF46
HEX#B4AF46
RGBrgb(180, 175, 70)
RGB (0–1)0.7059, 0.6863, 0.2745
RGB percentages70.6%, 68.6%, 27.5%
HSLhsl(57.3, 44%, 49%)
HSV / HSBhsv(57.3, 61.1%, 70.6%)
CMYK0%, 2.8%, 61.1%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,841,350
CSS custom property--colour: #B4AF46;
Brightness & contrast
Relative luminance0.40805WCAG 2.x, 0 is black and 1 is white
Perceived brightness168 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.16:1
Contrast with white2.29:1WCAG normal text: Fail
Contrast with black9.16:1WCAG normal text: AAA
Greyscale equivalent#A8A8A8
Inverted#4B50B9
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.29:1WCAG large text: Fail
Contrast with black, large text9.16:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#464BB4
Analogous#B47846, #82B446
Triadic#46B4AF, #AF46B4
Split complementary#4682B4, #7846B4
Tetradic#46B478, #464BB4, #B44682
Tints, shades & saturation
Channel breakdown
R180
G175
B70
Red180 (70.6%)
Green175 (68.6%)
Blue70 (27.5%)
Hue57.27°
Saturation (HSL)44%
Lightness49.02%
Dominant channelRed
Hex per channelR B4 · G AF · B 46
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