Recognised as Colour
#503D27
- #503D27
- Orange
- Dark
- Nearest: Dim grey
#503D27 is a orange with RGB values 80, 61, 39 and HSL 32°, 34%, 23%. It is a dark colour, so white text on it reaches 10.3:1 contrast (AAA for normal text). The nearest named colour is Dim grey.
Colour values
#503D27#503D27
HEX#503D27
RGBrgb(80, 61, 39)
RGB (0–1)0.3137, 0.2392, 0.1529
RGB percentages31.4%, 23.9%, 15.3%
HSLhsl(32.2, 34.5%, 23.3%)
HSV / HSBhsv(32.2, 51.2%, 31.4%)
CMYK0%, 23.7%, 51.2%, 68.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,258,535
CSS custom property--colour: #503D27;
Brightness & contrast
Relative luminance0.05189WCAG 2.x, 0 is black and 1 is white
Perceived brightness65.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.3:1
Contrast with white10.3:1WCAG normal text: AAA
Contrast with black2.04:1WCAG normal text: Fail
Greyscale equivalent#3F3F3F
Inverted#AFC2D8
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.3:1WCAG large text: AAA
Contrast with black, large text2.04:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#273A50
Analogous#502927, #4E5027
Triadic#27503D, #3D2750
Split complementary#274E50, #292750
Tetradic#275029, #273A50, #50274E
Tints, shades & saturation
Channel breakdown
R80
G61
B39
Red80 (31.4%)
Green61 (23.9%)
Blue39 (15.3%)
Hue32.2°
Saturation (HSL)34.45%
Lightness23.33%
Dominant channelRed
Hex per channelR 50 · G 3D · B 27
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page