Pan Purple
#657aef
Looking for the precise values behind Pan Purple (#657aef)? This page breaks it down into every color format designers and developers actually use.
Color values
| HEX | #657aef | |
|---|---|---|
| RGB | rgb(101, 122, 239) | |
| HSL | hsl(231, 81%, 67%) | |
| CMYK | cmyk(58%, 49%, 0%, 6%) | |
| LAB | lab(54, 19, -63) | |
| OKLCH | oklch(0.62 0.176 273) |
Color harmonies
Tints & shades
Code snippets
color: #657aef;
background-color: #657aef;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-blue-500 /* ≈ #2b7fff */
/* Flutter */
Color(0xFF657AEF)
/* Swift / UIKit */
UIColor(red: 0.40, green: 0.48, blue: 0.94, alpha: 1.0)