Recognised as Colour
#673E1A
- #673E1A
- Orange
- Dark
- Nearest: Saddle brown
#673E1A is a orange with RGB values 103, 62, 26 and HSL 28°, 60%, 25%. It is a dark colour, so white text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Saddle brown.
Colour values
#673E1A#673E1A
HEX#673E1A
RGBrgb(103, 62, 26)
RGB (0–1)0.4039, 0.2431, 0.102
RGB percentages40.4%, 24.3%, 10.2%
HSLhsl(28.1, 59.7%, 25.3%)
HSV / HSBhsv(28.1, 74.8%, 40.4%)
CMYK0%, 39.8%, 74.8%, 59.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,766,106
CSS custom property--colour: #673E1A;
Brightness & contrast
Relative luminance0.06403WCAG 2.x, 0 is black and 1 is white
Perceived brightness74.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.21:1
Contrast with white9.21:1WCAG normal text: AAA
Contrast with black2.28:1WCAG normal text: Fail
Greyscale equivalent#444444
Inverted#98C1E5
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.21:1WCAG large text: AAA
Contrast with black, large text2.28:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1A4367
Analogous#671A1D, #67651A
Triadic#1A673E, #3E1A67
Split complementary#1A6765, #1A1C67
Tetradic#1C671A, #1A4367, #651A67
Tints, shades & saturation
Channel breakdown
R103
G62
B26
Red103 (40.4%)
Green62 (24.3%)
Blue26 (10.2%)
Hue28.05°
Saturation (HSL)59.69%
Lightness25.29%
Dominant channelRed
Hex per channelR 67 · G 3E · B 1A
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