Colour
#B4AE9B
- #B4AE9B
- Yellow
- Dark
- Nearest: Dark grey
#B4AE9B is a yellow with RGB values 180, 174, 155 and HSL 46°, 14%, 66%. It is a dark colour, so black text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Dark grey.
Colour values
#B4AE9B#B4AE9B
HEX#B4AE9B
RGBrgb(180, 174, 155)
RGB (0–1)0.7059, 0.6824, 0.6078
RGB percentages70.6%, 68.2%, 60.8%
HSLhsl(45.6, 14.3%, 65.7%)
HSV / HSBhsv(45.6, 13.9%, 70.6%)
CMYK0%, 3.3%, 13.9%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,841,179
CSS custom property--colour: #B4AE9B;
Brightness & contrast
Relative luminance0.42342WCAG 2.x, 0 is black and 1 is white
Perceived brightness173.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.47:1
Contrast with white2.22:1WCAG normal text: Fail
Contrast with black9.47:1WCAG normal text: AAA
Greyscale equivalent#AEAEAE
Inverted#4B5164
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.22:1WCAG large text: Fail
Contrast with black, large text9.47:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#9BA1B4
Analogous#B4A29B, #AEB49B
Triadic#9BB4AE, #AE9BB4
Split complementary#9BAEB4, #A29BB4
Tetradic#9BB4A2, #9BA1B4, #B49BAD
Tints, shades & saturation
Channel breakdown
R180
G174
B155
Red180 (70.6%)
Green174 (68.2%)
Blue155 (60.8%)
Hue45.6°
Saturation (HSL)14.29%
Lightness65.69%
Dominant channelRed
Hex per channelR B4 · G AE · B 9B
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