#FFF44F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Yellow Cattleya is a luminous, neon-adjacent yellow that commands attention. Due to its intense saturation, reserve this hex code for accent elements like CTA buttons or badges rather than large backgrounds. It offers exceptional contrast with black text, hitting 18.3:1, so readability is never an issue. Pair this hue with deep, cool grays to keep your interface anchored and modern.
Questions about Yellow Cattleya
What is the hex code for Yellow Cattleya?
Yellow Cattleya is #fff44f. In RGB that is rgb(255, 244, 79), in HSL hsl(56, 100%, 65%) and in CMYK 0%, 4%, 69%, 0%.
How should I use #fff44f in a professional UI design?
Reserve #fff44f for small, impactful elements like call-to-action buttons, notification badges, or focus states where you need to draw the eye immediately. Because this yellow is highly saturated, it overwhelms the user if applied to large backgrounds or text blocks.
What colors pair well with the intensity of Yellow Cattleya?
Pair #fff44f with deep, cool neutrals like charcoal or slate to ground the design and prevent visual fatigue. These dark, muted tones create a sophisticated balance against the neon brightness of the yellow while maintaining excellent readability for your users.
Is Yellow Cattleya readable on white or black?
Yellow Cattleya has a 1.14:1 contrast ratio on white and 18.30: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.