# #577bdd color: Bright blue

#577bdd is rgb(87, 123, 221) in RGB and oklch(60.427% 0.15429 266.642) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #577bdd |
| RGB | rgb(87, 123, 221) |
| HSL | hsl(223.88, 66.34%, 60.39%) |
| HSB / HSV | hsv(223.88 60.63% 86.67%) |
| HWB | hwb(223.88 34.12% 13.33%) |
| CMYK | cmyk(61% 44% 0% 13%) |
| Lab | lab(52.62 10.33 -54.99) |
| LCH | lch(52.62 55.96 280.64) |
| OKLab | oklab(60.427% -0.00904 -0.15403) |
| OKLCH | oklch(60.427% 0.15429 266.642) |
| Display P3 | color(display-p3 0.37117 0.47848 0.84026) |
| Rec. 2020 | color(rec2020 0.37762 0.42983 0.81659) |
| Adobe RGB | color(a98-rgb 0.38788 0.47891 0.85108) |
| ProPhoto RGB | color(prophoto-rgb 0.42845 0.41207 0.78763) |
| Linear sRGB | color(srgb-linear 0.09531 0.19807 0.72306) |
| XYZ D65 | color(xyz-d65 0.24063 0.21412 0.71274) |
| XYZ D50 | color(xyz-d50 0.2213 0.20703 0.53689) |
| SwiftUI | Color(red: 0.341, green: 0.482, blue: 0.867) |
| UIKit | UIColor(red: 0.341, green: 0.482, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF577BDD) |
| Android XML | #577BDD |

## 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.98:1
- Contrast with black: 5.28:1

## Tints

#577bdd, #6689e1, #7696e6, #87a3ea, #97b1ee, #a8bef1, #b9cbf4, #cad8f7, #dbe5fa, #edf2fd

## Shades

#577bdd, #4b6ac0, #3e5aa4, #334a88, #273a6e, #1c2c55, #121e3d, #081026, #030511, #000102

## Tones

#577bdd, #5b7cd4, #607ecb, #647fc2, #6880b9, #6c80b0, #7181a7, #75819e, #798195, #7d818b

## Harmonies

- Complementary: #577bdd, #a67900
- Split: #577bdd, #c46400, #7d8c00
- Analogous: #577bdd, #008cd1, #8c6ad2
- Triadic: #577bdd, #cd554d, #319945
- Tetradic: #577bdd, #b05cb1, #a67900, #319945
- Square: #577bdd, #c65383, #a67900, #009a7f
- Monochromatic: #577bdd, #1a328e, #3756b5, #7aa1ff, #afcbff

## Questions about #577bdd

### What color is #577bdd?

#577bdd is bright blue. The closest named color is Bright blue. In RGB it is rgb(87, 123, 221), in HSL hsl(223.88, 66.34%, 60.39%) and in OKLCH oklch(60.427% 0.15429 266.642).

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

The complementary color of #577bdd is #a67900. For a calmer combination use the analogous colors #008cd1 and #8c6ad2. The triadic partners are #cd554d and #319945.

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

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

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

#577bdd is a cool color. In OKLCH its hue is 267 degrees, its lightness 60.4% and its chroma 0.154.