Recognised as Colour
#A7570C
- #A7570C
- Orange
- Dark
- Nearest: Saddle brown
#A7570C is a orange with RGB values 167, 87, 12 and HSL 29°, 87%, 35%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Saddle brown.
Colour values
#A7570C#A7570C
HEX#A7570C
RGBrgb(167, 87, 12)
RGB (0–1)0.6549, 0.3412, 0.0471
RGB percentages65.5%, 34.1%, 4.7%
HSLhsl(29, 86.6%, 35.1%)
HSV / HSBhsv(29, 92.8%, 65.5%)
CMYK0%, 47.9%, 92.8%, 34.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,966,796
CSS custom property--colour: #A7570C;
Brightness & contrast
Relative luminance0.15058WCAG 2.x, 0 is black and 1 is white
Perceived brightness113.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.23:1
Contrast with white5.23:1WCAG normal text: AA
Contrast with black4.01:1WCAG normal text: Fail
Greyscale equivalent#636363
Inverted#58A8F3
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.23:1WCAG large text: AAA
Contrast with black, large text4.01:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#0C5CA7
Analogous#A70C0F, #A7A40C
Triadic#0CA757, #570CA7
Split complementary#0CA7A4, #0C0FA7
Tetradic#0FA70C, #0C5CA7, #A40CA7
Tints, shades & saturation
Channel breakdown
R167
G87
B12
Red167 (65.5%)
Green87 (34.1%)
Blue12 (4.7%)
Hue29.03°
Saturation (HSL)86.59%
Lightness35.1%
Dominant channelRed
Hex per channelR A7 · G 57 · B 0C
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