#B48E7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated orange carries a muted warmth that feels approachable and grounded. Because of its low chroma, #b48e7c works best as a supporting tone rather than a large background area. It pairs beautifully with deep charcoals or slate blues to create a modern, sophisticated balance. The hex code for this color is #b48e7c, and its strong contrast makes it highly readable for standard web text.
Questions about #b48e7c
What is #b48e7c in RGB, HSL and CMYK?
In RGB, #b48e7c is rgb(180, 142, 124), in HSL hsl(19, 27%, 60%) and in CMYK 0%, 21%, 31%, 29%.
How should I use #b48e7c in a UI design?
Use #b48e7c as a secondary accent or supporting tone rather than a large background to maintain focus. It reads well for standard web text, especially when paired with charcoal or dark slate elements to create a sophisticated, modern contrast in your layout.
Does #b48e7c read as a warm or cool color?
It reads primarily as a warm, unsaturated orange, though its low chroma gives it a grounded, neutral quality that avoids being overly vibrant. This muted nature makes it much easier to integrate alongside slate blue or cream tones without overwhelming the overall design palette.
Is #b48e7c readable on white or black?
#b48e7c has a 2.95:1 contrast ratio on white and 7.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.