#D2C565 Hex Color

A soft and approachable muted yellow

Hex color #d2c565 graphic
This muted, pastel yellow feels approachable and soft. It serves best as a supporting tone rather than a dominant base, as its desaturated quality can wash out when used excessively. Pair #d2c565 with dark, charcoal grays for high-contrast readability. Since black text provides excellent accessibility on this shade, it works well for UI buttons or sale callouts. If you struggle to balance it, learn how to make gray for effective mixing.

Questions about #d2c565

What is #d2c565 in RGB, HSL and CMYK?
In RGB, #d2c565 is rgb(210, 197, 101), in HSL hsl(53, 55%, 61%) and in CMYK 0%, 6%, 52%, 18%.
What colors pair well with #d2c565?
#d2c565 works best when contrasted with deep, neutral tones that anchor its lightness. Pair it with charcoal or navy to create strong readability, as these dark tones prevent the yellow from looking washed out or flat.
Is #d2c565 suitable for UI text?
Avoid using #d2c565 for small body text because its low saturation can struggle against white backgrounds, failing accessibility standards. Instead, use this shade for call-to-action buttons or highlights where high-contrast black or dark gray text is applied over it.
Is #d2c565 readable on white or black?
#d2c565 has a 1.76:1 contrast ratio on white and 11.91: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.