Vivid · curated
Citrus Bloom
Citrus Bloom is a curated zesty, fresh, energetic system designed to move from expressive brand color to dependable surface and text roles.
Color values
Citrus Bloom Primary · primary
HEX #F9D423
RGB 249, 212, 35
HSL 50°, 95%, 56%
On white 1.45:1 · on black 14.47:1
Citrus Bloom Secondary · secondary
HEX #FF4E50
RGB 255, 78, 80
HSL 359°, 100%, 65%
On white 3.25:1 · on black 6.46:1
Citrus Bloom Accent · accent
HEX #F00075
RGB 240, 0, 117
HSL 331°, 100%, 47%
On white 4.23:1 · on black 4.96:1
Citrus Bloom Background · background
HEX #F9D423
RGB 249, 212, 35
HSL 50°, 95%, 56%
On white 1.45:1 · on black 14.47:1
Citrus Bloom Text · text
HEX #F00075
RGB 240, 0, 117
HSL 331°, 100%, 47%
On white 4.23:1 · on black 4.96:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.