#FF6F00 Hex Color
An intense, high-energy shade of orange
This high-octane orange demands attention with its intense, saturated pigment. Because of its extreme brightness, #ff6f00 works best as a sharp accent rather than a base color. Pair it with dark charcoal for a balanced look that avoids eye strain. With a high contrast ratio of 7.5:1 against black text, the hex code #ff6f00 ensures clear readability for calls to action or UI highlights.
Questions about #ff6f00
What is #ff6f00 in RGB, HSL and CMYK?
In RGB, #ff6f00 is rgb(255, 111, 0), in HSL hsl(26, 100%, 50%) and in CMYK 0%, 56%, 100%, 0%.
How do I balance the intensity of #ff6f00 in a layout?
Use #ff6f00 sparingly as a sharp accent rather than a primary base to avoid overwhelming the eye. It pairs effectively with deep charcoal or dark gray text, which provides enough visual weight to ground the extreme brightness of this pigment.
Is #ff6f00 a good choice for text on websites?
Generally, #ff6f00 is not suitable for body text because its extreme brightness creates readability issues against light backgrounds. Reserve it for high-contrast UI elements like buttons or notification badges where accessibility can be maintained through careful sizing and contrast management.
Is #ff6f00 readable on white or black?
#ff6f00 has a 2.79:1 contrast ratio on white and 7.52: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.