# #577ddd color: Bright blue

#577ddd is rgb(87, 125, 221) in RGB and oklch(60.839% 0.15189 265.819) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #577ddd |
| RGB | rgb(87, 125, 221) |
| HSL | hsl(222.99, 66.34%, 60.39%) |
| HSB / HSV | hsv(222.99 60.63% 86.67%) |
| HWB | hwb(222.99 34.12% 13.33%) |
| CMYK | cmyk(61% 43% 0% 13%) |
| Lab | lab(53.17 9.2 -54.12) |
| LCH | lch(53.17 54.89 279.65) |
| OKLab | oklab(60.839% -0.01107 -0.15148) |
| OKLCH | oklch(60.839% 0.15189 265.819) |
| Display P3 | color(display-p3 0.37311 0.48614 0.84054) |
| Rec. 2020 | color(rec2020 0.38077 0.43755 0.81697) |
| Adobe RGB | color(a98-rgb 0.39069 0.48655 0.85124) |
| ProPhoto RGB | color(prophoto-rgb 0.43097 0.41894 0.78818) |
| Linear sRGB | color(srgb-linear 0.09531 0.20508 0.72306) |
| XYZ D65 | color(xyz-d65 0.24313 0.21913 0.71357) |
| XYZ D50 | color(xyz-d50 0.224 0.21206 0.53757) |
| SwiftUI | Color(red: 0.341, green: 0.49, blue: 0.867) |
| UIKit | UIColor(red: 0.341, green: 0.49, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF577DDD) |
| Android XML | #577DDD |

## 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.9:1
- Contrast with black: 5.38:1

## Tints

#577ddd, #678ae1, #7798e6, #87a5ea, #97b2ed, #a8bff1, #b9ccf4, #cad8f7, #dce5fa, #edf2fd

## Shades

#577ddd, #4b6cc0, #3e5ba4, #334b88, #273b6e, #1c2c55, #121e3d, #081126, #030511, #000102

## Tones

#577ddd, #5b7ed4, #6080cb, #6480c3, #6981ba, #6d82b1, #7182a8, #76839f, #7a8396, #7e838c

## Harmonies

- Complementary: #577ddd, #a97a00
- Split: #577ddd, #c56500, #7f8c00
- Analogous: #577ddd, #008ed0, #8c6cd2
- Triadic: #577ddd, #ce5851, #389a45
- Tetradic: #577ddd, #b05eb3, #a97a00, #389a45
- Square: #577ddd, #c65686, #a97a00, #009c7f
- Monochromatic: #577ddd, #19348e, #3658b5, #7aa3ff, #b0ccff

## Questions about #577ddd

### What color is #577ddd?

#577ddd is bright blue. The closest named color is Bright blue. In RGB it is rgb(87, 125, 221), in HSL hsl(222.99, 66.34%, 60.39%) and in OKLCH oklch(60.839% 0.15189 265.819).

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

The complementary color of #577ddd is #a97a00. For a calmer combination use the analogous colors #008ed0 and #8c6cd2. The triadic partners are #ce5851 and #389a45.

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

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

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

#577ddd is a cool color. In OKLCH its hue is 266 degrees, its lightness 60.8% and its chroma 0.152.