#CC000A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane red is saturated, intense, and demands immediate attention. Because it is so aggressive, #cc000a functions best as a sharp accent rather than a background color. It pairs surprisingly well with muted teals or slate grays to balance its natural heat. With a contrast ratio of 5.9:1 against white, this hex code is an accessible choice for buttons and critical calls to action.
Questions about #cc000a
What is #cc000a in RGB, HSL and CMYK?
In RGB, #cc000a is rgb(204, 0, 10), in HSL hsl(357, 100%, 40%) and in CMYK 0%, 100%, 95%, 20%.
How can I effectively use #cc000a in a design layout?
Because #cc000a is so aggressive, use it primarily as a targeted accent rather than a background color. It works best for high-priority elements like call-to-action buttons, error states, or iconography where you need to draw the eye immediately.
What colors pair best with #cc000a for balance?
To temper the natural heat of #cc000a, pair it with muted tones like slate gray or cool teals. These colors provide a sophisticated contrast that keeps the intensity of the red from overwhelming your overall design composition.
Is #cc000a readable on white or black?
#cc000a has a 5.87:1 contrast ratio on white and 3.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.