Brand color

Figma Logo Blue

#1abcfe

hex#1abcfe

rgbrgb(26, 188, 254)

hslhsl(197, 99%, 55%)

oklchoklch(0.75 0.152 233.6)

From Figma brand colorsRelative luminance 0.4334

Cool Vivid Technical Modern

Open in palette tool Check contrast

Figma Logo Blue 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 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

2fc3fe 48cbfe 5dd0fe 71d6fe 8adefe 9fe3ff b3e9ff c7efff e1f6ff f5fcff

Shades — toward black

01b6fe 01a4e4 0192cb 0180b2 016d98 01577a 004560 003347 00212e 000f14

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

Harmonies

Complementary

Open in tool →

1abcfe fe5b1b

#fe5b1b

Analogous

Open in tool →

1abcfe 1bfecd 1b4cfe

#1bfecd · #1b4cfe

Triadic

Open in tool →

1abcfe fe1bbd bdfe1b

#fe1bbd · #bdfe1b

Split-complementary

Open in tool →

1abcfe fe1b4c fecd1b

#fe1b4c · #fecd1b

Tetradic

Open in tool →

1abcfe cd1bfe fe5b1b 4cfe1b

#cd1bfe · #fe5b1b · #4cfe1b

Contrast

Figma Logo Blue as text	Ratio	AA	AA large	AAA	Fix
Aaon white	2.17:1	fail	fail	fail	AA: use #017cad as the text (4.68:1) AAA: use #015f84 as the text (7.07:1) AA: or shift the background to #424242 (4.63:1) AAA: or shift the background to #242424 (7.15:1)
Aaon black	9.67:1	pass	pass	pass	Passes AAA — no fix needed.

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

Brands using this color

Palettes built around it

38bdf8 818cf8 fbbf24 0f172a e2e8f0

Blueprint

Open in tool →

Cyan and indigo on navy is the developer-tool look; amber is the only warm note, so it always reads as 'attention'.

Technical Cool Modern Dark

Fonts for this mood

Figma Logo Blue reads as cool, vivid, technical. The font library is tagged with the same vocabulary:

Technical fonts →Modern fonts →

mcpConnect your agent — build around Figma Logo Blue

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 #1abcfe and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/1abcfe-9cb4c4-df4e6b-1f232d-e9f1ef?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