# #577ff2 color: Pan Purple

#577ff2 is rgb(87, 127, 242) in RGB and oklch(62.588% 0.1779 266.81) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/577ff2

## Formats

| Format | Value |
| --- | --- |
| HEX | #577ff2 |
| RGB | rgb(87, 127, 242) |
| HSL | hsl(224.52, 85.64%, 64.51%) |
| HSB / HSV | hsv(224.52 64.05% 94.9%) |
| HWB | hwb(224.52 34.12% 5.1%) |
| CMYK | cmyk(64% 48% 0% 5%) |
| Lab | lab(54.78 13.88 -63.24) |
| LCH | lch(54.78 64.75 282.38) |
| OKLab | oklab(62.588% -0.0099 -0.17762) |
| OKLCH | oklch(62.588% 0.1779 266.81) |
| Display P3 | color(display-p3 0.37508 0.4938 0.91897) |
| Rec. 2020 | color(rec2020 0.3935 0.44748 0.90358) |
| Adobe RGB | color(a98-rgb 0.39354 0.49419 0.93377) |
| ProPhoto RGB | color(prophoto-rgb 0.45811 0.43094 0.88036) |
| Linear sRGB | color(srgb-linear 0.09531 0.21223 0.88792) |
| XYZ D65 | color(xyz-d65 0.27545 0.23615 0.87114) |
| XYZ D50 | color(xyz-d50 0.25034 0.22718 0.656) |
| SwiftUI | Color(red: 0.341, green: 0.498, blue: 0.949) |
| UIKit | UIColor(red: 0.341, green: 0.498, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF577FF2) |
| Android XML | #577FF2 |

## Facts

- Closest name: Pan Purple
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.67:1
- Contrast with black: 5.72:1

## Tints

#577ff2, #668df5, #769af7, #87a7f9, #97b4fb, #a8c1fc, #b9cdfe, #cadafe, #dbe6ff, #edf3ff

## Shades

#577ff2, #4b6ed2, #3e5db4, #334c96, #273c79, #1c2d5e, #121f43, #08112b, #030614, #000103

## Tones

#577ff2, #5c81e8, #6183dd, #6684d3, #6b85c9, #6f86be, #7487b4, #7988a9, #7e889e, #838893

## Harmonies

- Complementary: #577ff2, #ae8000
- Split: #577ff2, #d36500, #839300
- Analogous: #577ff2, #0093dc, #956be4
- Triadic: #577ff2, #df5249, #1ba33f
- Tetradic: #577ff2, #bd5abf, #ae8000, #1ba33f
- Square: #577ff2, #d74f8a, #ae8000, #00a286
- Monochromatic: #577ff2, #1a33a1, #3759c9, #81a8ff, #b9d2ff

## Questions about #577ff2

### What color is #577ff2?

#577ff2 is bright blue. The closest named color is Pan Purple. In RGB it is rgb(87, 127, 242), in HSL hsl(224.52, 85.64%, 64.51%) and in OKLCH oklch(62.588% 0.1779 266.81).

### What colors go well with #577ff2?

The complementary color of #577ff2 is #ae8000. For a calmer combination use the analogous colors #0093dc and #956be4. The triadic partners are #df5249 and #1ba33f.

### Is white or black text more readable on #577ff2?

White text reads better on #577ff2: white gives a contrast ratio of 3.67:1 and black gives 5.72:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #577ff2 a warm or cool color?

#577ff2 is a cool color. In OKLCH its hue is 267 degrees, its lightness 62.6% and its chroma 0.178.