Giraffe
A luminous and high-energy electric yellow
Giraffe is a luminous, high-energy yellow that demands attention. Because of its extreme saturation, it works best as a 10% accent rather than a full background, where it can easily overwhelm the eye. Pair it with deep charcoal or matte black to ground its intensity. The hex code for this shade is #fefe33, which provides excellent readability since black text maintains a sharp 19.4:1 contrast.
Questions about Giraffe
What is the hex code for Giraffe?
Giraffe is #fefe33. In RGB that is rgb(254, 254, 51), in HSL hsl(60, 99%, 60%) and in CMYK 0%, 0%, 80%, 0%.
How should I use #fefe33 in a UI design?
Limit #fefe33 to a 10% accent ratio because its extreme saturation can easily overwhelm users. It creates excellent readability when paired against charcoal or matte black text, which allows the intensity of this yellow to shine without causing eye strain.
Is Giraffe readable on white or black?
Giraffe has a 1.08:1 contrast ratio on white and 19.43: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.