# #557fde color: Bright blue

#557fde is rgb(85, 127, 222) in RGB and oklch(61.212% 0.15155 264.419) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/557fde

## Formats

| Format | Value |
| --- | --- |
| HEX | #557fde |
| RGB | rgb(85, 127, 222) |
| HSL | hsl(221.61, 67.49%, 60.2%) |
| HSB / HSV | hsv(221.61 61.71% 87.06%) |
| HWB | hwb(221.61 33.33% 12.94%) |
| CMYK | cmyk(62% 43% 0% 13%) |
| Lab | lab(53.67 7.92 -53.9) |
| LCH | lch(53.67 54.48 278.36) |
| OKLab | oklab(61.212% -0.01474 -0.15083) |
| OKLCH | oklch(61.212% 0.15155 264.419) |
| Display P3 | color(display-p3 0.36935 0.49364 0.8445) |
| Rec. 2020 | color(rec2020 0.3806 0.44503 0.8214) |
| Adobe RGB | color(a98-rgb 0.38907 0.49419 0.85531) |
| ProPhoto RGB | color(prophoto-rgb 0.4321 0.4256 0.79299) |
| Linear sRGB | color(srgb-linear 0.09084 0.21223 0.73046) |
| XYZ D65 | color(xyz-d65 0.24519 0.22383 0.72138) |
| XYZ D50 | color(xyz-d50 0.22587 0.21664 0.54349) |
| SwiftUI | Color(red: 0.333, green: 0.498, blue: 0.871) |
| UIKit | UIColor(red: 0.333, green: 0.498, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF557FDE) |
| Android XML | #557FDE |

## 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.83:1
- Contrast with black: 5.48:1

## Tints

#557fde, #658ce2, #7599e6, #86a6ea, #96b3ee, #a7c0f2, #b8ccf5, #cad9f8, #dbe6fa, #edf2fd

## Shades

#557fde, #496ec1, #3d5da5, #314c89, #263c6f, #1c2d55, #111f3d, #081126, #020612, #000102

## Tones

#557fde, #5a80d5, #5f81cd, #6482c4, #6883bb, #6d83b2, #7284a9, #7684a0, #7b8497, #7f848d

## Harmonies

- Complementary: #557fde, #ac7a00
- Split: #557fde, #c76604, #838d00
- Analogous: #557fde, #0090d0, #8b6ed4
- Triadic: #557fde, #cf5855, #3f9a44
- Tetradic: #557fde, #af60b6, #ac7a00, #3f9a44
- Square: #557fde, #c75789, #ac7a00, #009d7e
- Monochromatic: #557fde, #15368f, #345ab6, #78a5ff, #b0ceff

## Questions about #557fde

### What color is #557fde?

#557fde is bright blue. The closest named color is Bright blue. In RGB it is rgb(85, 127, 222), in HSL hsl(221.61, 67.49%, 60.2%) and in OKLCH oklch(61.212% 0.15155 264.419).

### What colors go well with #557fde?

The complementary color of #557fde is #ac7a00. For a calmer combination use the analogous colors #0090d0 and #8b6ed4. The triadic partners are #cf5855 and #3f9a44.

### Is white or black text more readable on #557fde?

White text reads better on #557fde: white gives a contrast ratio of 3.83:1 and black gives 5.48:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #557fde a warm or cool color?

#557fde is a cool color. In OKLCH its hue is 264 degrees, its lightness 61.2% and its chroma 0.152.