#CCAF24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, golden-yellow carries an energetic, warm glow. Because it is highly saturated, #ccaf24 functions best as a bold accent color rather than a large-scale background. It pairs exceptionally well with deep charcoals, as black text provides excellent readability against this bright hue. Use this hex code sparingly to draw attention to call-to-action buttons or highlights where high visibility is required.
Questions about #ccaf24
What is #ccaf24 in RGB, HSL and CMYK?
In RGB, #ccaf24 is rgb(204, 175, 36), in HSL hsl(50, 70%, 47%) and in CMYK 0%, 14%, 82%, 20%.
How can I effectively use #ccaf24 in user interface design?
#ccaf24 functions best as a focused accent color rather than a large background element. Because it is highly saturated, it draws immediate attention to call-to-action buttons or important highlights while maintaining high visibility when placed against dark neutrals like charcoal or deep gray.
Why does #ccaf24 feel so intense compared to other yellows?
This specific golden yellow sits at a high saturation level, pushing it closer to a metallic or amber quality than a soft, pastel yellow. Its warmth creates a energetic, sunny mood that demands attention, making it risky for text but excellent for visual focal points.
Is #ccaf24 readable on white or black?
#ccaf24 has a 2.15:1 contrast ratio on white and 9.72: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.