Maroon Colors  ·  Color Library

Palettes / Colors / #F2FEA4

#F2FEA4 — Pale Vivid Yellow

#F2FEA4 is a yellow color we call Pale Vivid Yellow, closest to the named color PaleGoldenRod (#EEE8AA). It belongs to the yellow family.

#F2FEA4 is a warm yellow color associated with optimism, attention and cheer. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #B0A4FE; it also sits naturally between #FEDDA4 and #C5FEA4. In the palettes below you can see it working alongside real color combinations from our collection.

#F2FEA4 · RGB 242, 254, 164

Download PNG swatch SVG

Color values

HEX#F2FEA4
RGB242, 254, 164
HSL68°, 98%, 82%
HSV68°, 35%, 100%
CMYK5%, 0%, 35%, 0%
XYZ78.76, 92.44, 48.81
Yxy92.44, 0.3580, 0.4202
CIE-Lab97.00, -17.44, 41.76
Hunter Lab96.15, -17.17, 33.20

RGB & CMYK percentages

Red 95% · Green 100% · Blue 64%

Cyan 5% · Magenta 0% · Yellow 35% · Key 0%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #F2FEA4 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #F2FEA4 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #F2FEA4

.text { color: #F2FEA4; }
.background { background-color: #F2FEA4; }
.border { border: 3px solid #F2FEA4; }
.text-rgb { color: rgb(242, 254, 164); }
.text-hsl { color: hsl(68, 98%, 82%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2FEA4; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 254, 164, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2FEA4; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 254, 164, 0.8); }

HTML: <p style="color:#F2FEA4">Text here</p> · <div style="background-color:#F2FEA4">Div content here</div>

Shades of #F2FEA4

#ECFE7C#E7FD53#E2FD30#DCFD08#BCD902#99B102#768801#586501#353D01#121400

Tints of #F2FEA4

#F3FEA9#F4FEB3#F5FEB8#F6FEC2#F7FEC7#F8FECD#F9FFD7#FAFFDC#FBFFE6#FCFFEB

Tones of #F2FEA4

#EDF8AB#E9F1B1#E4EBB7#DFE4BE#DBDEC4#D6D8CB

Color harmonies

Complementary — #B0A4FE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.08:1 Fails
Against black text19.49:1 AAA

Best text color on #F2FEA4: #000000.

How #F2FEA4 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #F7F7BADeuteranopia · #F7F6BFTritanopia · #F3CBCF

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Yellow 500 · #FFEB3BMaterial Lime 500 · #CDDC39

Palettes with a similar color

These palettes use a close neighbour of #F2FEA4 rather than the exact color:

Palette 9376e0
#9376E0 · #E893CF · #F3BCC8 · #F6FFA6
Palette 36656b
#36656B · #75B06F · #DAD887 · #F0F8A4
Palette 071952
#071952 · #088395 · #35A29F · #F2F7A1
Ruby Monsoon
#2373F4 · #578EF5 · #65D0F4 · #F2F7A0
Palette 004182
#004182 · #118DF0 · #FBFFA3 · #FF4B68
Palette B2b377
#B2B377 · #D2D180 · #E5E483 · #F1F5A8

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#F6FFA6#F0F8A4#F2F7A1#F2F7A0#FBFFA3#F1F5A8#FCFFA6#F6FF99#F9FA9B#FEFFA7#F6F49D#F2FF97

Browse neighbouring colors

← #F2FEA3  ·  #F2FEA5 →

Frequently asked questions

What color is #F2FEA4?

#F2FEA4 is Pale Vivid Yellow, a yellow color (RGB 242, 254, 164). Its closest standard named color is PaleGoldenRod.

What is the RGB and HSL of #F2FEA4?

#F2FEA4 is RGB 242, 254, 164 — HSL 68°, 98%, 82% — CMYK 5%, 0%, 35%, 0%.

What colors go with #F2FEA4?

Its complement is #B0A4FE; analogous partners are #FEDDA4 and #C5FEA4. It also appears in 6+ palettes in our collection.

Can I use #F2FEA4 for text?

Black text on #F2FEA4 has a contrast ratio of 19.49:1 (passes WCAG AA); white text gives 1.08:1.