#F2E180 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright, pastel yellow, #f2e180 brings a warm, fresh feeling to web layouts. This hex code works best as a primary background rather than a small accent, as its high lightness may wash out smaller UI elements. Pair it with dark slate or navy text to ensure readability. It provides sufficient contrast for black text, making it a reliable choice for interface components and branding.
Questions about #f2e180
What is #f2e180 in RGB, HSL and CMYK?
In RGB, #f2e180 is rgb(242, 225, 128), in HSL hsl(51, 81%, 73%) and in CMYK 0%, 7%, 47%, 5%.
Is #f2e180 suitable for primary UI elements like buttons?
Due to its high lightness and pastel nature, #f2e180 can struggle to provide enough contrast against white backgrounds for small buttons or critical call-to-action elements. It is much more effective when used as a vibrant background fill or a secondary accent color that adds warmth to your layout.
Is #f2e180 readable on white or black?
#f2e180 has a 1.32:1 contrast ratio on white and 15.85: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.