Colour
#AA3100
- #AA3100
- Orange
- Dark
- Nearest: Dark red
#AA3100 is a orange with RGB values 170, 49, 0 and HSL 17°, 100%, 33%. It is a dark colour, so white text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Dark red.
Colour values
#AA3100#AA3100
HEX#AA3100
RGBrgb(170, 49, 0)
RGB (0–1)0.6667, 0.1922, 0
RGB percentages66.7%, 19.2%, 0%
HSLhsl(17.3, 100%, 33.3%)
HSV / HSBhsv(17.3, 100%, 66.7%)
CMYK0%, 71.2%, 100%, 33.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,153,664
CSS custom property--colour: #AA3100;
Brightness & contrast
Relative luminance0.10743WCAG 2.x, 0 is black and 1 is white
Perceived brightness100.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.67:1
Contrast with white6.67:1WCAG normal text: AA
Contrast with black3.15:1WCAG normal text: Fail
Greyscale equivalent#474747
Inverted#55CEFF
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.67:1WCAG large text: AAA
Contrast with black, large text3.15:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#0079AA
Analogous#AA0024, #AA8600
Triadic#00AA31, #3100AA
Split complementary#00AA86, #0024AA
Tetradic#24AA00, #0079AA, #8600AA
Tints, shades & saturation
Channel breakdown
R170
G49
B0
Red170 (66.7%)
Green49 (19.2%)
Blue0 (0%)
Hue17.29°
Saturation (HSL)100%
Lightness33.33%
Dominant channelRed
Hex per channelR AA · G 31 · B 00
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