Vivid · curated
Electric Courtyard
Electric Courtyard is a curated bold, communal, kinetic system designed to move from expressive brand color to dependable surface and text roles.
Color values
Electric Courtyard Primary · primary
HEX #4361EE
RGB 67, 97, 238
HSL 229°, 83%, 60%
On white 5.02:1 · on black 4.18:1
Electric Courtyard Secondary · secondary
HEX #4CC9F0
RGB 76, 201, 240
HSL 194°, 85%, 62%
On white 1.92:1 · on black 10.92:1
Electric Courtyard Accent · accent
HEX #F72585
RGB 247, 37, 133
HSL 333°, 93%, 56%
On white 3.78:1 · on black 5.56:1
Electric Courtyard Background · background
HEX #FFF200
RGB 255, 242, 0
HSL 57°, 100%, 50%
On white 1.17:1 · on black 17.95:1
Electric Courtyard Text · text
HEX #16161A
RGB 22, 22, 26
HSL 240°, 8%, 9%
On white 18.04:1 · on black 1.16: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.