# #577fe2 color: Bright blue

#577fe2 is rgb(87, 127, 226) in RGB and oklch(61.563% 0.15632 265.505) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #577fe2 |
| RGB | rgb(87, 127, 226) |
| HSL | hsl(222.73, 70.56%, 61.37%) |
| HSB / HSV | hsv(222.73 61.5% 88.63%) |
| HWB | hwb(222.73 34.12% 11.37%) |
| CMYK | cmyk(62% 44% 0% 11%) |
| Lab | lab(53.97 9.44 -55.65) |
| LCH | lch(53.97 56.44 279.63) |
| OKLab | oklab(61.563% -0.01225 -0.15584) |
| OKLCH | oklch(61.563% 0.15632 265.505) |
| Display P3 | color(display-p3 0.37508 0.4938 0.85941) |
| Rec. 2020 | color(rec2020 0.38615 0.44579 0.83781) |
| Adobe RGB | color(a98-rgb 0.39354 0.49419 0.87095) |
| ProPhoto RGB | color(prophoto-rgb 0.43922 0.42702 0.81029) |
| Linear sRGB | color(srgb-linear 0.09531 0.21223 0.76052) |
| XYZ D65 | color(xyz-d65 0.25245 0.22695 0.75004) |
| XYZ D50 | color(xyz-d50 0.23212 0.21945 0.56502) |
| SwiftUI | Color(red: 0.341, green: 0.498, blue: 0.886) |
| UIKit | UIColor(red: 0.341, green: 0.498, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF577FE2) |
| Android XML | #577FE2 |

## Facts

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

## Tints

#577fe2, #678ce6, #7799ea, #87a6ed, #97b3f1, #a8c0f4, #b9cdf6, #cad9f9, #dce6fb, #edf2fd

## Shades

#577fe2, #4b6ec4, #3e5da8, #334c8c, #273c71, #1c2d57, #121f3e, #081127, #030612, #000103

## Tones

#577fe2, #5c80d9, #6082d0, #6583c7, #6a83be, #6e84b5, #7385ab, #7785a2, #7c8598, #80858f

## Harmonies

- Complementary: #577fe2, #ac7c00
- Split: #577fe2, #c96600, #828f00
- Analogous: #577fe2, #0090d5, #8e6ed7
- Triadic: #577fe2, #d25852, #389c45
- Tetradic: #577fe2, #b35fb7, #ac7c00, #389c45
- Square: #577fe2, #ca5689, #ac7c00, #009e81
- Monochromatic: #577fe2, #183692, #365aba, #7aa5ff, #b3cfff

## Questions about #577fe2

### What color is #577fe2?

#577fe2 is bright blue. The closest named color is Bright blue. In RGB it is rgb(87, 127, 226), in HSL hsl(222.73, 70.56%, 61.37%) and in OKLCH oklch(61.563% 0.15632 265.505).

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

The complementary color of #577fe2 is #ac7c00. For a calmer combination use the analogous colors #0090d5 and #8e6ed7. The triadic partners are #d25852 and #389c45.

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

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

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

#577fe2 is a cool color. In OKLCH its hue is 266 degrees, its lightness 61.6% and its chroma 0.156.