#D5B568 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated golden-yellow carries a warm, mellow character that avoids the intensity of brighter tones. Use #d5b568 as a secondary accent rather than a dominant background to keep your layout from appearing muddy. It pairs well with deep charcoal grays for a balanced, modern aesthetic. Black text offers 10.6:1 contrast against the hex code #d5b568, ensuring this shade remains highly readable for functional UI elements.
Questions about #d5b568
What is #d5b568 in RGB, HSL and CMYK?
In RGB, #d5b568 is rgb(213, 181, 104), in HSL hsl(42, 56%, 62%) and in CMYK 0%, 15%, 51%, 16%.
What colors pair well with #d5b568 for a balanced design?
Use deep charcoal or slate grays to ground the warmth of #d5b568, as these neutrals prevent the yellow from feeling overwhelming. For a higher contrast or more vibrant palette, consider deep navy or muted olive tones to complement its natural, earthy character.
Is #d5b568 readable on white or black?
#d5b568 has a 1.97:1 contrast ratio on white and 10.63: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.