ColorXprez

#66442E

Coffee · dark warm brown

About #66442E

With the hex code #66442E, this is a dark brown with a muted character. Its RGB recipe is 40% red, 27% green and 18% blue, while a printer would mix 0% cyan, 33% magenta, 55% yellow and 60% black. It reads as a warm colour.

If you had to name it, it is very close to Coffee — a ΔE of 4.2 — followed by Walnut. For maximum hue contrast, pair it with its complement #2E5066, a charcoal shade.

In design, a dark colour like this works best for headings, body text, footers and dark-mode backgrounds. White text reads best on it at 8.64:1 (a WCAG AAA pass). Used as a text colour on white, it is readable too (8.64:1).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red102
Green68
Blue46

Closest named colours

Coffee
#6F4E37 · ΔE 4.2
Walnut
#5C4033 · ΔE 7.0
Cocoa
#4A2C17 · ΔE 10.9

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #66442E

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on coffee #66442E.
8.64:1AAA
Black heading text
Body copy set on coffee #66442E.
2.43:1Fail

Colour-blindness preview

How #66442E appears to people with the three most common types of colour-vision deficiency.

Normal vision
#66442E
Protanopia (no red cones)
#4E472C
Deuteranopia (no green cones)
#564F2E
Tritanopia (no blue cones)
#6F3E3E

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #66442E?

With the hex code #66442E, this is a dark brown with a muted character. Its RGB recipe is 40% red, 27% green and 18% blue, while a printer would mix 0% cyan, 33% magenta, 55% yellow and 60% black. It reads as a warm colour.

›What text colour should I use on #66442E?

Use white text. White on #66442E has a contrast ratio of 8.64:1 (AAA).

›What colours go with #66442E?

Its complementary colour is #2E5066, and analogous partners are #662E34 and #66602E.