Start generating
657AEF

#657AEF Pan Purple

#657AEF is a medium, vivid blue named Pan Purple. In the RGB color model it is made of 39.6% red, 47.8% green and 93.7% blue (rgb(101, 122, 239)). Its HSL value is 231° hue, 81% saturation and 67% lightness, and in CMYK it is 58% cyan, 49% magenta, 0% yellow and 6% black. #657AEF is a cool color. Black text reads best on it, with a contrast ratio of 5.58:1.

Make a palette with #657AEF

#657AEF color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #657AEF

Shades

Mixed with black: richer and darker.

657AEF5769D04959B13C49942F3A78222B5C171D420C102A030514000103

Tints

Mixed with white: lighter and softer.

657AEF7388F28196F58FA4F79EB1F9AEBEFBBDCBFCCDD8FDDEE5FEEEF2FF

Tones

Mixed with gray: calmer and more muted.

657AEF677CE46A7DD96C7ECE6F7FC47180B97480AE7781A27A81977D808C

Hues

The same lightness and chroma, rotated around the color wheel.

0095B90092C6008ED81F88EC4A81EF657AEF7A73EC8C6DE69C67DDAA61D1B75CC3

Temperatures

Cooler on the left, warmer on the right.

5A7AF25D7AF25F7AF1617AF0637AF0657AEF6C7DE9737FE37981DC8083D68785D0

#657AEF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

657AEFEFDA65
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

657AEFEF9565BFEF65
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

657AEF65BFEF9565EF
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

657AEFEF657A7AEF65
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

657AEFDA65EFEFDA657AEF65
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

657AEFEF65BFEFDA6565EF95
Open in generator →

#657AEF for color-blind viewers (and dogs)

How #657AEF appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 89% similarHow dogs see it · simulated as #257EED
  • Protanopia 90% similar1.3% of men, 0.02% of women · simulated as #3E8AF3
  • Protanomaly 93% similar1.3% of men, 0.02% of women · simulated as #4985F1
  • Deuteranopia 89% similar1.2% of men, 0.01% of women · simulated as #257EED
  • Deuteranomaly 93% similar5% of men, 0.35% of women · simulated as #437EEE
  • Tritanopia 69% similar0.001% of men, 0.03% of women · simulated as #0095A9
  • Tritanomaly 88% similar0.0001% of men, 0.0001% of women · simulated as #5286D3
  • Achromatopsia 65% similar0.003% of men, 0.003% of women · simulated as #848484
  • Achromatomaly 76% similar0.001% of men, 0.001% of women · simulated as #7D81A7

#657AEF contrast checker

AaThe quick brown fox jumps over the lazy dog.
3.76:1 Poor#657AEF text on white
AA normalFailAAA normalFail
AA largePassAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
5.58:1 Good#657AEF text on black
AA normalPassAAA normalFail
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #657AEF

Palettes with #657AEF

#657AEF in CSS

/* Pan Purple */
.color { color: #657AEF; }
.background { background-color: #657AEF; }
.border { border: 1px solid #657AEF; }

/* Other notations */
color: rgb(101 122 239);
color: hsl(231 81% 67%);
color: oklch(0.622 0.176 272.6);

#657AEF FAQ

What color is #657AEF?

#657AEF is a medium, vivid blue. Its closest named color is Pan Purple. It belongs to the blue color family and is a cool color.

What is the RGB value of #657AEF?

#657AEF is rgb(101, 122, 239) in RGB, hsl(231, 81%, 67%) in HSL and cmyk(58%, 49%, 0%, 6%) in CMYK.

What is the complementary color of #657AEF?

The complementary color of #657AEF is #EFDA65, which sits opposite it on the color wheel.

Which text color works on #657AEF?

Black text has the best contrast on #657AEF: 5.58:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #657AEF a warm or cool color?

#657AEF is a cool color.