Brand color

Clerk Secondary

#ef4444

hex#ef4444

rgbrgb(239, 68, 68)

hslhsl(0, 84%, 60%)

oklchoklch(0.637 0.208 25.3)

From Clerk brand colorsRelative luminance 0.229

Warm Vivid Playful Bold

Open in palette tool Check contrast

Clerk Secondary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 1 public brand that uses it and the palettes it appears in.

Tints & shades

Tints — toward white

f05656 f26969 f37777 f58a8a f69c9c f8afaf fac2c2 fbd0d0 fde3e3 fef6f6

Shades — toward black

ec2727 e61414 ca1212 b21010 960d0d 7a0b0b 630909 460606 2f0404 130202

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

ef4444 43efef

#43efef

Analogous

Open in tool →

ef4444 ef4399 ef9943

#ef4399 · #ef9943

Triadic

Open in tool →

ef4444 43ef43 4343ef

#43ef43 · #4343ef

Split-complementary

Open in tool →

ef4444 43ef99 4399ef

#43ef99 · #4399ef

Tetradic

Open in tool →

ef4444 99ef43 43efef 9943ef

#99ef43 · #43efef · #9943ef

Contrast

Clerk Secondary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	3.76:1	fail	pass	fail	AA: use #eb1414 as the text (4.52:1) AAA: use #b21010 as the text (7.06:1) AA: or shift the background to #1c1c1c (4.53:1)
Aaon black	5.58:1	pass	pass	fail	AAA: use #f26969 as the text (7:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Clerk Secondary as the background.

Brands using this color

Clerksecondary · #ef4444

Fonts for this mood

Clerk Secondary reads as warm, vivid, playful. The font library is tagged with the same vocabulary:

Warm fonts →Playful fonts →Bold fonts →

mcpConnect your agent — build around Clerk Secondary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #ef4444 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/ef4444-c4a19c-62cb98-2d251f-f1e9ed?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md