Recognised as Colour
#674F3D
- #674F3D
- Orange
- Dark
- Nearest: Dim grey
#674F3D is a orange with RGB values 103, 79, 61 and HSL 26°, 26%, 32%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Dim grey.
Colour values
#674F3D#674F3D
HEX#674F3D
RGBrgb(103, 79, 61)
RGB (0–1)0.4039, 0.3098, 0.2392
RGB percentages40.4%, 31%, 23.9%
HSLhsl(25.7, 25.6%, 32.2%)
HSV / HSBhsv(25.7, 40.8%, 40.4%)
CMYK0%, 23.3%, 40.8%, 59.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,770,493
CSS custom property--colour: #674F3D;
Brightness & contrast
Relative luminance0.08812WCAG 2.x, 0 is black and 1 is white
Perceived brightness85.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.6:1
Contrast with white7.6:1WCAG normal text: AAA
Contrast with black2.76:1WCAG normal text: Fail
Greyscale equivalent#535353
Inverted#98B0C2
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.6:1WCAG large text: AAA
Contrast with black, large text2.76:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3D5567
Analogous#673D40, #67643D
Triadic#3D674F, #4F3D67
Split complementary#3D6764, #3D4067
Tetradic#40673D, #3D5567, #643D67
Tints, shades & saturation
Channel breakdown
R103
G79
B61
Red103 (40.4%)
Green79 (31%)
Blue61 (23.9%)
Hue25.71°
Saturation (HSL)25.61%
Lightness32.16%
Dominant channelRed
Hex per channelR 67 · G 4F · B 3D
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