# #657feb color: Pan Purple

#657feb is rgb(101, 127, 235) in RGB and oklch(62.906% 0.16423 270.857) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/657feb

## Formats

| Format | Value |
| --- | --- |
| HEX | #657feb |
| RGB | rgb(101, 127, 235) |
| HSL | hsl(228.36, 77.01%, 65.88%) |
| HSB / HSV | hsv(228.36 57.02% 92.16%) |
| HWB | hwb(228.36 39.61% 7.84%) |
| CMYK | cmyk(57% 46% 0% 8%) |
| Lab | lab(55.22 14.92 -58.6) |
| LCH | lch(55.22 60.47 284.29) |
| OKLab | oklab(62.906% 0.00246 -0.16421) |
| OKLCH | oklch(62.906% 0.16423 270.857) |
| Display P3 | color(display-p3 0.41648 0.49507 0.8932) |
| Rec. 2020 | color(rec2020 0.41829 0.44951 0.87507) |
| Adobe RGB | color(a98-rgb 0.42653 0.49419 0.90623) |
| ProPhoto RGB | color(prophoto-rgb 0.4688 0.43291 0.84987) |
| Linear sRGB | color(srgb-linear 0.13014 0.21223 0.83077) |
| XYZ D65 | color(xyz-d65 0.2795 0.23943 0.81749) |
| XYZ D50 | color(xyz-d50 0.25735 0.23146 0.61567) |
| SwiftUI | Color(red: 0.396, green: 0.498, blue: 0.922) |
| UIKit | UIColor(red: 0.396, green: 0.498, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF657FEB) |
| Android XML | #657FEB |

## Facts

- Closest name: Pan Purple
- Hue family: Indigo, bright indigo
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.63:1
- Contrast with black: 5.79:1

## Tints

#657feb, #738cee, #819af1, #90a7f4, #9fb3f6, #aec0f8, #becdfa, #ced9fc, #dee6fd, #eef2fe

## Shades

#657feb, #576ecc, #495dae, #3c4c91, #2f3c75, #222d5b, #171f41, #0c1129, #030613, #000103

## Tones

#657feb, #6881e2, #6c83d8, #6f84ce, #7385c5, #7686bb, #7a87b1, #7d88a7, #81889d, #858993

## Harmonies

- Complementary: #657feb, #aa8300
- Split: #657feb, #cd6b00, #7b9600
- Analogous: #657feb, #0092e1, #9a6ddb
- Triadic: #657feb, #da5a47, #15a351
- Tetradic: #657feb, #bf5eb6, #aa8300, #15a351
- Square: #657feb, #d55683, #aa8300, #00a28d
- Monochromatic: #657feb, #28359b, #455ac2, #8ba6ff, #bfd2ff

## Questions about #657feb

### What color is #657feb?

#657feb is bright indigo. The closest named color is Pan Purple. In RGB it is rgb(101, 127, 235), in HSL hsl(228.36, 77.01%, 65.88%) and in OKLCH oklch(62.906% 0.16423 270.857).

### What colors go well with #657feb?

The complementary color of #657feb is #aa8300. For a calmer combination use the analogous colors #0092e1 and #9a6ddb. The triadic partners are #da5a47 and #15a351.

### Is white or black text more readable on #657feb?

White text reads better on #657feb: white gives a contrast ratio of 3.63:1 and black gives 5.79:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #657feb a warm or cool color?

#657feb is a cool color. In OKLCH its hue is 271 degrees, its lightness 62.9% and its chroma 0.164.