#F2B205 Hex Color

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

Hex color #f2b205 graphic
#f2b205 is a saturated, high-energy yellow that demands immediate attention. Due to its intensity, it functions best as a functional accent for calls to action or UI alerts rather than a full background. It pairs exceptionally well with deep charcoal grays to create a readable, modern contrast. The hex code for this glowing, warm shade is #f2b205.

Questions about #f2b205

What is #f2b205 in RGB, HSL and CMYK?
In RGB, #f2b205 is rgb(242, 178, 5), in HSL hsl(44, 96%, 48%) and in CMYK 0%, 26%, 98%, 5%.
Is #f2b205 suitable for use as a primary website background?
It is generally too intense for large-scale backgrounds, where it can quickly cause eye fatigue for users. Instead, reserve #f2b205 for small, critical UI elements like notification badges or buttons where you need to draw focus immediately.
Is #f2b205 readable on white or black?
#f2b205 has a 1.88:1 contrast ratio on white and 11.14: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.