#CCDC8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pale yellow-green provides a mellow, airy feel that works well for large UI backgrounds or soft branding. While it leans towards a spring-like freshness, it can look washed out when paired with light grays. The hex code #ccdc8c offers high contrast for black text, making it a functional choice for readable body content rather than just a decorative accent.
Questions about #ccdc8c
What is #ccdc8c in RGB, HSL and CMYK?
In RGB, #ccdc8c is rgb(204, 220, 140), in HSL hsl(72, 53%, 71%) and in CMYK 7%, 0%, 36%, 14%.
Which color combinations work best with #ccdc8c?
#ccdc8c pairs exceptionally well with deep charcoal or dark navy for text, providing the necessary contrast for readability. Because this yellow-green is unsaturated, it also complements soft terracotta tones or warm neutrals, creating a balanced, earthy interface.
Is #ccdc8c a warm or cool color?
#ccdc8c sits in a unique space between warm yellow and cool green, resulting in a balanced, neutral-leaning tone. It retains a fresh spring-like energy without feeling overly vibrant, which helps it avoid clashing with most interface elements.
Is #ccdc8c readable on white or black?
#ccdc8c has a 1.48:1 contrast ratio on white and 14.18: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.