# #586aa4 color: Electrify

#586aa4 is rgb(88, 106, 164) in RGB and oklch(53.535% 0.09388 269.928) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/586aa4

## Formats

| Format | Value |
| --- | --- |
| HEX | #586aa4 |
| RGB | rgb(88, 106, 164) |
| HSL | hsl(225.79, 30.16%, 49.41%) |
| HSB / HSV | hsv(225.79 46.34% 64.31%) |
| HWB | hwb(225.79 34.51% 35.69%) |
| CMYK | cmyk(46% 35% 0% 36%) |
| Lab | lab(45.3 5.4 -33.89) |
| LCH | lch(45.3 34.32 279.06) |
| OKLab | oklab(53.535% -0.00012 -0.09388) |
| OKLCH | oklch(53.535% 0.09388 269.928) |
| Display P3 | color(display-p3 0.35888 0.41358 0.62631) |
| Rec. 2020 | color(rec2020 0.33158 0.35957 0.58325) |
| Adobe RGB | color(a98-rgb 0.36781 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.35039 0.34329 0.54908) |
| Linear sRGB | color(srgb-linear 0.09759 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.15878 0.15063 0.37194) |
| XYZ D50 | color(xyz-d50 0.15118 0.14754 0.28045) |
| SwiftUI | Color(red: 0.345, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.345, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF586AA4) |
| Android XML | #586AA4 |

## Facts

- Closest name: Electrify
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.23:1
- Contrast with black: 4.01:1

## Tints

#586aa4, #6778ad, #7787b7, #8795c0, #97a4c9, #a8b3d2, #b8c2db, #cad1e4, #dbe0ed, #edeff6

## Shades

#586aa4, #4b5b8e, #3f4d79, #333f64, #283150, #1d243d, #12182b, #090d1a, #03040a, #000001

## Tones

#586aa4, #5a6b9f, #5c6b99, #5e6c94, #606c8f, #626c89, #656d84, #676d7e, #696d79, #6b6d73

## Harmonies

- Complementary: #586aa4, #836a22
- Split: #586aa4, #955f30, #667532
- Analogous: #586aa4, #32749e, #76609c
- Triadic: #586aa4, #9c574c, #427d4f
- Tetradic: #586aa4, #8c5887, #836a22, #427d4f
- Square: #586aa4, #99556b, #836a22, #0f7f6f
- Monochromatic: #586aa4, #1b275b, #38487f, #7a8ecb, #9eb3f3

## Questions about #586aa4

### What color is #586aa4?

#586aa4 is soft blue. The closest named color is Electrify. In RGB it is rgb(88, 106, 164), in HSL hsl(225.79, 30.16%, 49.41%) and in OKLCH oklch(53.535% 0.09388 269.928).

### What colors go well with #586aa4?

The complementary color of #586aa4 is #836a22. For a calmer combination use the analogous colors #32749e and #76609c. The triadic partners are #9c574c and #427d4f.

### Is white or black text more readable on #586aa4?

White text reads better on #586aa4: white gives a contrast ratio of 5.23:1 and black gives 4.01:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #586aa4 a warm or cool color?

#586aa4 is a cool color. In OKLCH its hue is 270 degrees, its lightness 53.5% and its chroma 0.094.