# #558ade color: Blue Jay

#558ade is rgb(85, 138, 222) in RGB and oklch(63.542% 0.13909 259.247) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558ade |
| RGB | rgb(85, 138, 222) |
| HSL | hsl(216.79, 67.49%, 60.2%) |
| HSB / HSV | hsv(216.79 61.71% 87.06%) |
| HWB | hwb(216.79 33.33% 12.94%) |
| CMYK | cmyk(62% 38% 0% 13%) |
| Lab | lab(56.75 1.8 -49.02) |
| LCH | lch(56.75 49.05 272.11) |
| OKLab | oklab(63.542% -0.02595 -0.13665) |
| OKLCH | oklch(63.542% 0.13909 259.247) |
| Display P3 | color(display-p3 0.38084 0.53584 0.84616) |
| Rec. 2020 | color(rec2020 0.39898 0.48797 0.82367) |
| Adobe RGB | color(a98-rgb 0.4055 0.5364 0.85626) |
| ProPhoto RGB | color(prophoto-rgb 0.44694 0.46448 0.79628) |
| Linear sRGB | color(srgb-linear 0.09084 0.25415 0.73046) |
| XYZ D65 | color(xyz-d65 0.26018 0.25381 0.72638) |
| XYZ D50 | color(xyz-d50 0.24201 0.24669 0.54756) |
| SwiftUI | Color(red: 0.333, green: 0.541, blue: 0.871) |
| UIKit | UIColor(red: 0.333, green: 0.541, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF558ADE) |
| Android XML | #558ADE |

## Facts

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

## Tints

#558ade, #6696e2, #77a2e6, #87aeea, #98b9ee, #a9c5f1, #bad1f4, #cbdcf7, #dce8fa, #edf3fd

## Shades

#558ade, #4977c1, #3d65a5, #315389, #26426f, #1c3255, #11223d, #081426, #020712, #000102

## Tones

#558ade, #5b8bd6, #618bce, #678cc6, #6c8cbe, #728cb5, #778cad, #7c8ca5, #818c9c, #868b93

## Harmonies

- Complementary: #558ade, #b77f00
- Split: #558ade, #cc6e34, #929100
- Analogous: #558ade, #0099cd, #8a7ad9
- Triadic: #558ade, #d16468, #5b9e48
- Tetradic: #558ade, #af6dbf, #b77f00, #5b9e48
- Square: #558ade, #c76498, #b77f00, #00a57c
- Monochromatic: #558ade, #0e428f, #3265b6, #79b0ff, #b6d8ff

## Questions about #558ade

### What color is #558ade?

#558ade is bright blue. The closest named color is Blue Jay. In RGB it is rgb(85, 138, 222), in HSL hsl(216.79, 67.49%, 60.2%) and in OKLCH oklch(63.542% 0.13909 259.247).

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

The complementary color of #558ade is #b77f00. For a calmer combination use the analogous colors #0099cd and #8a7ad9. The triadic partners are #d16468 and #5b9e48.

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

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

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

#558ade is a cool color. In OKLCH its hue is 259 degrees, its lightness 63.5% and its chroma 0.139.