# #558bd9 color: Blue Jay

#558bd9 is rgb(85, 139, 217) in RGB and oklch(63.477% 0.1314 257.622) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/558bd9

## Formats

| Format | Value |
| --- | --- |
| HEX | #558bd9 |
| RGB | rgb(85, 139, 217) |
| HSL | hsl(215.45, 63.46%, 59.22%) |
| HSB / HSV | hsv(215.45 60.83% 85.1%) |
| HWB | hwb(215.45 33.33% 14.9%) |
| CMYK | cmyk(61% 36% 0% 15%) |
| Lab | lab(56.82 -0.09 -46.13) |
| LCH | lch(56.82 46.13 269.89) |
| OKLab | oklab(63.477% -0.02817 -0.12835) |
| OKLCH | oklch(63.477% 0.1314 257.622) |
| Display P3 | color(display-p3 0.38193 0.53968 0.8278) |
| Rec. 2020 | color(rec2020 0.39864 0.49146 0.80354) |
| Adobe RGB | color(a98-rgb 0.40703 0.54026 0.83687) |
| ProPhoto RGB | color(prophoto-rgb 0.4429 0.46703 0.77527) |
| Linear sRGB | color(srgb-linear 0.09084 0.25818 0.69387) |
| XYZ D65 | color(xyz-d65 0.25501 0.25405 0.69208) |
| XYZ D50 | color(xyz-d50 0.23833 0.24736 0.52182) |
| SwiftUI | Color(red: 0.333, green: 0.545, blue: 0.851) |
| UIKit | UIColor(red: 0.333, green: 0.545, blue: 0.851, alpha: 1) |
| Flutter / Compose | Color(0xFF558BD9) |
| Android XML | #558BD9 |

## Facts

- Closest name: Blue Jay
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.45:1
- Contrast with black: 6.08:1

## Tints

#558bd9, #6697de, #77a3e2, #87aee6, #98baea, #a9c5ee, #bad1f2, #cbdcf6, #dce8f9, #eef3fc

## Shades

#558bd9, #4978bc, #3d66a1, #315486, #26436c, #1c3253, #11233b, #081425, #020711, #000102

## Tones

#558bd9, #5b8bd1, #618cca, #678cc2, #6c8cba, #728cb3, #778cab, #7c8ca3, #818b9b, #868b93

## Harmonies

- Complementary: #558bd9, #b67f05
- Split: #558bd9, #ca6f3d, #938f14
- Analogous: #558bd9, #0099c8, #877cd5
- Triadic: #558bd9, #ce666d, #619d4a
- Tetradic: #558bd9, #ab6fbe, #b67f05, #619d4a
- Square: #558bd9, #c36799, #b67f05, #00a37b
- Monochromatic: #558bd9, #0c438b, #3266b1, #79b1ff, #b4d8ff

## Questions about #558bd9

### What color is #558bd9?

#558bd9 is soft blue. The closest named color is Blue Jay. In RGB it is rgb(85, 139, 217), in HSL hsl(215.45, 63.46%, 59.22%) and in OKLCH oklch(63.477% 0.1314 257.622).

### What colors go well with #558bd9?

The complementary color of #558bd9 is #b67f05. For a calmer combination use the analogous colors #0099c8 and #877cd5. The triadic partners are #ce666d and #619d4a.

### Is white or black text more readable on #558bd9?

White text reads better on #558bd9: white gives a contrast ratio of 3.45:1 and black gives 6.08:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #558bd9 a warm or cool color?

#558bd9 is a cool color. In OKLCH its hue is 258 degrees, its lightness 63.5% and its chroma 0.131.