# #565ea2 color: Violet Storm

#565ea2 is rgb(86, 94, 162) in RGB and oklch(50.714% 0.10777 276.763) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/565ea2

## Formats

| Format | Value |
| --- | --- |
| HEX | #565ea2 |
| RGB | rgb(86, 94, 162) |
| HSL | hsl(233.68, 30.65%, 48.63%) |
| HSB / HSV | hsv(233.68 46.91% 63.53%) |
| HWB | hwb(233.68 33.73% 36.47%) |
| CMYK | cmyk(47% 42% 0% 36%) |
| Lab | lab(41.67 11.31 -38.43) |
| LCH | lch(41.67 40.06 286.4) |
| OKLab | oklab(50.714% 0.01269 -0.10702) |
| OKLCH | oklch(50.714% 0.10777 276.763) |
| Display P3 | color(display-p3 0.34308 0.36764 0.61693) |
| Rec. 2020 | color(rec2020 0.30932 0.31356 0.57269) |
| Adobe RGB | color(a98-rgb 0.34848 0.36945 0.62126) |
| ProPhoto RGB | color(prophoto-rgb 0.33143 0.30376 0.53781) |
| Linear sRGB | color(srgb-linear 0.09306 0.11193 0.36131) |
| XYZ D65 | color(xyz-d65 0.14361 0.12592 0.35857) |
| XYZ D50 | color(xyz-d50 0.13539 0.12285 0.27017) |
| SwiftUI | Color(red: 0.337, green: 0.369, blue: 0.635) |
| UIKit | UIColor(red: 0.337, green: 0.369, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF565EA2) |
| Android XML | #565EA2 |

## Facts

- Closest name: Violet Storm
- Hue family: Indigo, soft indigo
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.97:1
- Contrast with black: 3.52:1

## Tints

#565ea2, #656eac, #747db5, #848dbf, #959dc8, #a6add2, #b7bddb, #c8cde4, #dadeed, #edeef6

## Shades

#565ea2, #4a518c, #3e4477, #323763, #272b4f, #1c1f3c, #12142a, #080a19, #02030a, #000001

## Tones

#565ea2, #575f9c, #596096, #5a6190, #5b628a, #5d6384, #5f637e, #606478, #626472, #63656c

## Harmonies

- Complementary: #565ea2, #776400
- Split: #565ea2, #8e570c, #557024
- Analogous: #565ea2, #286a9f, #755395
- Triadic: #565ea2, #984c37, #1f774b
- Tetradic: #565ea2, #8b4b7c, #776400, #1f774b
- Square: #565ea2, #97485b, #776400, #00786f
- Monochromatic: #565ea2, #1b1b58, #373c7c, #7882c9, #9ba7f1

## Questions about #565ea2

### What color is #565ea2?

#565ea2 is soft indigo. The closest named color is Violet Storm. In RGB it is rgb(86, 94, 162), in HSL hsl(233.68, 30.65%, 48.63%) and in OKLCH oklch(50.714% 0.10777 276.763).

### What colors go well with #565ea2?

The complementary color of #565ea2 is #776400. For a calmer combination use the analogous colors #286a9f and #755395. The triadic partners are #984c37 and #1f774b.

### Is white or black text more readable on #565ea2?

White text reads better on #565ea2: white gives a contrast ratio of 5.97:1 and black gives 3.52:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #565ea2 a warm or cool color?

#565ea2 is a cool color. In OKLCH its hue is 277 degrees, its lightness 50.7% and its chroma 0.108.