#CB6800 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cb6800 is a saturated, high-energy orange that demands attention. Because of its intensity, it works best as a small accent or call-to-action button rather than a large background. Pair this bold shade with deep charcoals to ground its warmth. The hex code for this color is #cb6800, and it provides enough contrast for black text to remain legible against it.
Questions about #cb6800
What is #cb6800 in RGB, HSL and CMYK?
In RGB, #cb6800 is rgb(203, 104, 0), in HSL hsl(31, 100%, 40%) and in CMYK 0%, 49%, 100%, 20%. Browse more shades of orange with names and hex codes.
Where should I use #cb6800 in a design project?
#cb6800 is an intense color that demands immediate attention, so it functions best as a functional accent like a call-to-action button or a highlight. Avoid using it for large background blocks as its saturation can become overwhelming and visually tiring.
What colors pair well with #cb6800?
This vibrant orange looks its best when grounded by deep, neutral tones like charcoal or dark gray, which help balance its high-energy intensity. Using it against crisp white text ensures high legibility, though it remains bold enough to stand out against almost any dark, muted background.
Is #cb6800 readable on white or black?
#cb6800 has a 3.80:1 contrast ratio on white and 5.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.