#C55116 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold orange brings intense energy and warmth to any layout. Because it is highly saturated, it works best as a 10% accent color rather than a dominant background. Pair #c55116 with cool teal or dark charcoal to temper its intensity. It meets accessibility standards for white text, so it remains legible when used in call to action buttons. The hex code for this shade is #c55116.
Questions about #c55116
What is #c55116 in RGB, HSL and CMYK?
In RGB, #c55116 is rgb(197, 81, 22), in HSL hsl(20, 80%, 43%) and in CMYK 0%, 59%, 89%, 23%. Browse more shades of brown with names and hex codes.
What colors pair best with #c55116 in a design layout?
Is #c55116 a good choice for text on websites?
While #c55116 is highly visible, it should be used sparingly as an accent rather than for large blocks of body text. It meets accessibility contrast standards against white backgrounds for buttons and labels, but it can cause eye strain in long-form content.
Is #c55116 readable on white or black?
#c55116 has a 4.60:1 contrast ratio on white and 4.56: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 for body text. Try other pairs in the contrast checker.