Giraffe

Also known as: Big Yellow Taxi, Daffodil, Bee Yellow, Liechtenstein Yellow

Part of the yellow family, Giraffe pairs a soft base with a sunny and uplifting presence — ideal for cheerful branding and kids' apps. Because it leans warm, balancing it with a white keeps a palette from feeling one-note. For accessible text, use it on black or near-black backgrounds (19.44:1, passes WCAG AA) rather than white.

Giraffe color codes

HEX
#FEFE33
RGB
rgb(254, 254, 51)
RGBA
rgba(254, 254, 51, 1)
HSL
hsl(60, 99%, 60%)
HSV
hsv(60, 80%, 100%)
CMYK
cmyk(0%, 0%, 80%, 0%)
LAB
lab(97.4 -15.1 86.4)
OKLCH
oklch(96.6% 0.200 109.6)

Color intelligence

sRGB safeShifts in CMYK print

Displays accurately on every screen. Vivid colors like this typically lose some intensity in CMYK print — request a physical proof for brand-critical work.

Temperature

CoolWarm

warm

Nearest standard colors

  • CSS: yellow#FFFF00 · ΔE 1.5
  • RAL 1026 — Luminous yellow#FFFF00 · ΔE 1.5 · approximate

RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.

Where Giraffe works

  • Web & UI: Reads as an interactive accent: fills, hovers, focus rings. Keep body text in a darker neutral.
  • Interiors: Use it where you want the eye to land — front door, built-ins, or one bold wall.
  • Fashion: One garment in this color carries an outfit; two starts to compete.
  • Branding: Commands attention in logos and packaging; balance it with generous neutral space.
  • Web & UI: Use it decoratively — dividers, chart series, illustration accents — and let neutrals carry the type.
  • Branding: Best in a brand's supporting palette — packaging interiors, patterns, campaign accents.

Copy as — every ecosystem

Tints, shades, and tones of Giraffe

Tints (lighter)

Shades (darker)

Tones (muted)

Color harmonies

Palettes built from Giraffe by rotating its hue in OKLCH space. Click any swatch to copy its hex code.

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Monochromatic

Contrast & accessibility

Aa — on white

contrast 1.08:1

AA failAAA failAA large fail

Aa — on black

contrast 19.44:1

AA passAAA passAA large pass

Best text color on a Giraffe background: #000000

Palettes featuring Giraffe

Giraffe with its complement

Soft neighbors of Giraffe

Giraffe triad

Similar colors

Looking for maximum contrast instead? The complement of Giraffe is closest to Cloud Break.

Giraffe FAQs

What color is Giraffe?

Giraffe is a medium yellow with the hex code #FEFE33. In HSL terms it has a hue of 60°, 99% saturation, and 60% lightness.

What is the hex code for Giraffe?

The hex code for Giraffe is #FEFE33. In RGB it's rgb(254, 254, 51), and in CMYK it's cmyk(0%, 0%, 80%, 0%).

What colors go well with Giraffe?

Giraffe pairs naturally with white tones from its complementary harmony. Its own tints and shades always work as a monochrome scheme.

Got a photo with a color like this? Identify it with the analyzer — free, instant, private.