Pan Purple — #657AEF
#657AEF, primarily known as Pan Purple, is composed of 40% red, 48% green, and 94% blue in RGB. In CMYK it is 58% cyan, 49% magenta, 0% yellow, 6% black. In HSL the hue angle is 231°, saturation 81%, and lightness 67%. The closest web-safe color is #6666CC.
Color conversions
| Format | Value | Copy |
|---|---|---|
| HEX | #657AEF | |
| RGB | rgb(101, 122, 239) | |
| HSL | hsl(230.9, 81.2%, 66.7%) | |
| HSV | hsv(230.9, 57.7%, 93.7%) | |
| CMYK | cmyk(57.7%, 49%, 0%, 6.3%) | |
| OKLCH | oklch(62.19% 0.1759 272.63) | |
| HWB | hwb(230.9 39.6% 6.3%) | |
| LAB | lab(54.1% 18.82 -62.6) | |
| LCH | lch(54.1% 65.4 286.7) | |
| OKLAB | oklab(62.19% 0.0081 -0.1757) | |
| XYZ | X 27.9 Y 22.92 Z 84.6 | |
| Web Safe | #6666CC | |
| RGB Percent | 39.6%, 47.8%, 93.7% | |
| Decimal | 6650607 |
| Format | Value | Copy |
|---|---|---|
| HEX | #657AEF | |
| RGB | rgb(101, 122, 239) | |
| HSL | hsl(230.9, 81.2%, 66.7%) | |
| HSV | hsv(230.9, 57.7%, 93.7%) | |
| CMYK | cmyk(57.7%, 49%, 0%, 6.3%) | |
| OKLCH | oklch(62.19% 0.1759 272.63) | |
| HWB | hwb(230.9 39.6% 6.3%) |
| Format | Value | Copy |
|---|---|---|
| LAB | lab(54.1% 18.82 -62.6) | |
| LCH | lch(54.1% 65.4 286.7) | |
| OKLAB | oklab(62.19% 0.0081 -0.1757) | |
| XYZ | X 27.9 Y 22.92 Z 84.6 | |
| Web Safe | #6666CC | |
| RGB Percent | 39.6%, 47.8%, 93.7% | |
| Decimal | 6650607 |
Color harmonies
Harmony swatches keep the same saturation and lightness as the base color.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Alternative colors
Nearby variations by nudging hue and lightness. Click a swatch to open that color.
Similar named colors
Nearest matches from our 30,000-name dataset (CIELAB ΔE). Click a swatch to open that color.
Tints, shades & tones
Contrast preview
On white
Sample
3.76:1
AA normal ✗ · AA large ✓
On black
Sample
5.58:1
AA normal ✓ · AA large ✓
Color blindness preview
Protanopia
90% similar
1.3% of men, 0.02% of women
Deuteranopia
85% similar
6% of men, 0.4% of women
Tritanopia
72% similar
0.001% of population
Achromatopsia
75% similar
0.003% of population
UI preview
Simplified components using a Tailwind-style scale generated from this color.
Button
Alert
Heads up
This alert uses lighter tints for the background and a mid-tone for the border.
Progress
67% complete