BlueMid-toneMuted

Blue Bonnet

#335A9B

Contrast at a glance

White text

6.83:1AA

Black text

2.90:1Fails

Open the contrast checker →

About Blue Bonnet

Blue Bonnet (#335A9B) is a mid-tone muted blue. Its RGB value is 51, 90, 155 and its HSL value is 218°, 50%, 40%. White text reads best on it, at a contrast ratio of 6.83:1 (WCAG AA). Below are ten tints and shades of Blue Bonnet, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#335A9B · #9B7433

Analogous

#338E9B · #335A9B · #40339B

Triadic

#335A9B · #9B335A · #5A9B33

Split complementary

#335A9B · #9B4033 · #8E9B33

Do more with Blue Bonnet

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast