Colour
#3A2F28
- #3A2F28
- Orange
- Dark
- Nearest: Dark slate grey
#3A2F28 is a orange with RGB values 58, 47, 40 and HSL 23°, 18%, 19%. It is a dark colour, so white text on it reaches 13:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.
Colour values
#3A2F28#3A2F28
HEX#3A2F28
RGBrgb(58, 47, 40)
RGB (0–1)0.2275, 0.1843, 0.1569
RGB percentages22.7%, 18.4%, 15.7%
HSLhsl(23.3, 18.4%, 19.2%)
HSV / HSBhsv(23.3, 31%, 22.7%)
CMYK0%, 19%, 31%, 77.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,813,160
CSS custom property--colour: #3A2F28;
Brightness & contrast
Relative luminance0.03086WCAG 2.x, 0 is black and 1 is white
Perceived brightness49.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 12.99:1
Contrast with white12.99:1WCAG normal text: AAA
Contrast with black1.62:1WCAG normal text: Fail
Greyscale equivalent#313131
Inverted#C5D0D7
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text12.99:1WCAG large text: AAA
Contrast with black, large text1.62:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#28333A
Analogous#3A282A, #3A3828
Triadic#283A2F, #2F283A
Split complementary#283A38, #282A3A
Tetradic#2A3A28, #28333A, #38283A
Tints, shades & saturation
Channel breakdown
R58
G47
B40
Red58 (22.7%)
Green47 (18.4%)
Blue40 (15.7%)
Hue23.33°
Saturation (HSL)18.37%
Lightness19.22%
Dominant channelRed
Hex per channelR 3A · G 2F · B 28
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