Recognised as Colour
#BAA28E
- #BAA28E
- Orange
- Dark
- Nearest: Tan
#BAA28E is a orange with RGB values 186, 162, 142 and HSL 27°, 24%, 64%. It is a dark colour, so black text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Tan.
Colour values
#BAA28E#BAA28E
HEX#BAA28E
RGBrgb(186, 162, 142)
RGB (0–1)0.7294, 0.6353, 0.5569
RGB percentages72.9%, 63.5%, 55.7%
HSLhsl(27.3, 24.2%, 64.3%)
HSV / HSBhsv(27.3, 23.7%, 72.9%)
CMYK0%, 12.9%, 23.7%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,231,310
CSS custom property--colour: #BAA28E;
Brightness & contrast
Relative luminance0.38233WCAG 2.x, 0 is black and 1 is white
Perceived brightness167.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.65:1
Contrast with white2.43:1WCAG normal text: Fail
Contrast with black8.65:1WCAG normal text: AAA
Greyscale equivalent#A6A6A6
Inverted#455D71
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.43:1WCAG large text: Fail
Contrast with black, large text8.65:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8EA6BA
Analogous#BA8E90, #BAB88E
Triadic#8EBAA2, #A28EBA
Split complementary#8EBAB8, #8E90BA
Tetradic#90BA8E, #8EA6BA, #B88EBA
Tints, shades & saturation
Channel breakdown
R186
G162
B142
Red186 (72.9%)
Green162 (63.5%)
Blue142 (55.7%)
Hue27.27°
Saturation (HSL)24.18%
Lightness64.31%
Dominant channelRed
Hex per channelR BA · G A2 · B 8E
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