# #587cc5 color: Blue Iolite

#587cc5 is rgb(88, 124, 197) in RGB and oklch(59.265% 0.1195 263.312) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/587cc5

## Formats

| Format | Value |
| --- | --- |
| HEX | #587cc5 |
| RGB | rgb(88, 124, 197) |
| HSL | hsl(220.18, 48.44%, 55.88%) |
| HSB / HSV | hsv(220.18 55.33% 77.25%) |
| HWB | hwb(220.18 34.51% 22.75%) |
| CMYK | cmyk(55% 37% 0% 23%) |
| Lab | lab(51.84 3.57 -42.67) |
| LCH | lch(51.84 42.82 274.79) |
| OKLab | oklab(59.265% -0.01392 -0.11869) |
| OKLCH | oklch(59.265% 0.1195 263.312) |
| Display P3 | color(display-p3 0.37505 0.48239 0.75136) |
| Rec. 2020 | color(rec2020 0.37131 0.43163 0.71933) |
| Adobe RGB | color(a98-rgb 0.39157 0.48273 0.75797) |
| ProPhoto RGB | color(prophoto-rgb 0.40518 0.41052 0.68686) |
| Linear sRGB | color(srgb-linear 0.09759 0.20156 0.55834) |
| XYZ D65 | color(xyz-d65 0.21309 0.20521 0.55663) |
| XYZ D50 | color(xyz-d50 0.20007 0.20005 0.41964) |
| SwiftUI | Color(red: 0.345, green: 0.486, blue: 0.773) |
| UIKit | UIColor(red: 0.345, green: 0.486, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF587CC5) |
| Android XML | #587CC5 |

## Facts

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

## Tints

#587cc5, #6889cb, #7896d2, #88a3d8, #98b0de, #a9bde4, #bacaea, #cbd7ef, #dce4f5, #edf2fa

## Shades

#587cc5, #4b6bab, #3f5a92, #334a79, #283b61, #1d2c4b, #121e35, #091121, #03050e, #000102

## Tones

#587cc5, #5c7dbe, #607db7, #647eb0, #687ea9, #6c7ea2, #6f7e9b, #737e94, #777e8d, #7a7e85

## Harmonies

- Complementary: #587cc5, #a07609
- Split: #587cc5, #b46831, #7e8521
- Analogous: #587cc5, #1089b9, #826fbe
- Triadic: #587cc5, #bb5e5b, #4f904d
- Tetradic: #587cc5, #a064a7, #a07609, #4f904d
- Square: #587cc5, #b35e84, #a07609, #009478
- Monochromatic: #587cc5, #183678, #37589e, #7ba1ed, #a5c8ff

## Questions about #587cc5

### What color is #587cc5?

#587cc5 is soft blue. The closest named color is Blue Iolite. In RGB it is rgb(88, 124, 197), in HSL hsl(220.18, 48.44%, 55.88%) and in OKLCH oklch(59.265% 0.1195 263.312).

### What colors go well with #587cc5?

The complementary color of #587cc5 is #a07609. For a calmer combination use the analogous colors #1089b9 and #826fbe. The triadic partners are #bb5e5b and #4f904d.

### Is white or black text more readable on #587cc5?

White text reads better on #587cc5: white gives a contrast ratio of 4.11:1 and black gives 5.1:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #587cc5 a warm or cool color?

#587cc5 is a cool color. In OKLCH its hue is 263 degrees, its lightness 59.3% and its chroma 0.12.