Cool combinationsCreative confidence
Blue and Purple Color Combination
Neighbouring hues on the cool half of the wheel: blue supplies calm, purple supplies imagination, and neither shifts the temperature.
Hex codes #0000FF and #800080 — a creative confidence pair with a 1.10:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(0, 0, 255)
- HSL
- hsl(240, 100%, 50%)
- Hex
- #0000FF
- RGB
- rgb(128, 0, 128)
- HSL
- hsl(300, 100%, 25%)
- Hex
- #800080
Contrast between Blue and Purple
Contrast ratio 1.10:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Purple text on a Blue surface, at 1.10:1.
Blue text on a Purple surface, at 1.10:1.
Where this pair works
- Creator platforms
- Streaming brands
- Event identity
Give Blue (#0000FF) roughly 60% of the surface, Purple (#800080) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Blue and Purple as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#e1e1fabackgrounds and large surfaces · closest to Lavender
- Primary#0000FFthe dominant color · closest to Blue
- Secondary#800080the accent color · closest to Purple
- Deep shade#4d004dtext, borders and icons · closest to TyrianPurple
- Neutral#f4f4f6dividers and quiet surfaces · closest to WhiteSmoke
Explore Blue and Purple on their own
Blue
More color combinations
Blue and Green
#0000FF · #008000Natural calmOpen combinationPurple and Lavender
#800080 · #E6E6FATonal violetOpen combinationBrown and Blue
#A52A2A · #0000FFUnexpected balanceOpen combinationOrange and Purple
#FFA500 · #800080Split contrastOpen combinationTeal and Gray
#008080 · #808080Modern technicalOpen combinationNavy and SkyBlue
#000080 · #87CEEBTrusted rangeOpen combinationBlue and Purple are a creative confidence pair: neighbouring hues on the cool half of the wheel: blue supplies calm, purple supplies imagination, and neither shifts the temperature.
Frequently asked questions
Yes — this pair is used for creator platforms, streaming brands, event identity. The two colors measure 1.10:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.
Good to know
- Every value on this page is calculated from #0000FF and #800080 — nothing is hardcoded.
- Build a longer palette out of Blue or Purple in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Blue and Purple into a full palette, a gradient or a set of shades — or check the pair against WCAG.
