Strobe Afterhours color palette

Strobe Afterhours is a 4-color palette drawing on purples, reds, yellows and neutrals. In OKLCH its lightness runs from 21% (#150050, very dark) to 98% (#EFFFED, very light), and its most saturated color, #FF3864, is vivid. 2 of its 3 chromatic colors sit on the warm side of the hue wheel. 3 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged neon, bold, red, yellow and warm.

NeonBoldRedYellowWarm

Color codes

ColorHEXRGBHSLOKLCH
Navy #150050 rgb(21, 0, 80) hsl(256, 100%, 16%) oklch(21.1% 0.128 280.3)
Paradise Pink #FF3864 rgb(255, 56, 100) hsl(347, 100%, 61%) oklch(65.9% 0.231 14.6)
Yellow #FFE600 rgb(255, 230, 0) hsl(54, 100%, 50%) oklch(91.7% 0.192 101.4)
Honeydew #EFFFED rgb(239, 255, 237) hsl(113, 100%, 96%) oklch(98.3% 0.029 142.2)

Accessibility

The best text and background pairs in Strobe Afterhours, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#EFFFED on #150050 17.60:1 AAA Lc -103.3
#FFE600 on #150050 14.44:1 AAA Lc -89.3
#150050 on #FF3864 5.23:1 AA Lc 41.1

Color vision

No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/150050-ff3864-ffe600-efffed.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.