#CE970C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ce970c graphic
This saturated, golden yellow projects high energy and spontaneity. Because #ce970c carries significant visual weight, it serves best as a purposeful accent color for call to action buttons or sale banners rather than a full background. It pairs exceptionally well with deep charcoal grays, which provide the high contrast needed for readability. The hex code for this bold tone is #ce970c.

Questions about #ce970c

What is #ce970c in RGB, HSL and CMYK?
In RGB, #ce970c is rgb(206, 151, 12), in HSL hsl(43, 89%, 43%) and in CMYK 0%, 27%, 94%, 19%.
What colors pair best with #ce970c?
Because #ce970c carries significant visual weight, it works best when grounded by deep neutrals like charcoal or navy. These dark tones provide the necessary contrast for readability while preventing the yellow from becoming overwhelming on the screen.
Is #ce970c suitable for body text or background use?
Avoid using #ce970c for large blocks of text or full backgrounds, as its high saturation can cause eye strain and poor accessibility scores. Instead, use this powerful shade strictly for interactive elements like buttons, alerts, or specific highlights.
Is #ce970c readable on white or black?
#ce970c has a 2.60:1 contrast ratio on white and 8.05: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.