# #565a84 color: Mauve Dusk

#565a84 is rgb(86, 90, 132) in RGB and oklch(48.192% 0.06762 279.347) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #565a84 |
| RGB | rgb(86, 90, 132) |
| HSL | hsl(234.78, 21.1%, 42.75%) |
| HSB / HSV | hsv(234.78 34.85% 51.76%) |
| HWB | hwb(234.78 33.73% 48.24%) |
| CMYK | cmyk(35% 32% 0% 48%) |
| Lab | lab(39.24 6.56 -24.26) |
| LCH | lch(39.24 25.13 285.12) |
| OKLab | oklab(48.192% 0.01098 -0.06672) |
| OKLCH | oklch(48.192% 0.06762 279.347) |
| Display P3 | color(display-p3 0.3401 0.35243 0.50541) |
| Rec. 2020 | color(rec2020 0.29432 0.29609 0.45364) |
| Adobe RGB | color(a98-rgb 0.344 0.35454 0.50796) |
| ProPhoto RGB | color(prophoto-rgb 0.30137 0.28584 0.42385) |
| Linear sRGB | color(srgb-linear 0.09306 0.10224 0.23074) |
| XYZ D65 | color(xyz-d65 0.11658 0.10957 0.23331) |
| XYZ D50 | color(xyz-d50 0.11297 0.10799 0.17599) |
| SwiftUI | Color(red: 0.337, green: 0.353, blue: 0.518) |
| UIKit | UIColor(red: 0.337, green: 0.353, blue: 0.518, alpha: 1) |
| Flutter / Compose | Color(0xFF565A84) |
| Android XML | #565A84 |

## Facts

- Closest name: Mauve Dusk
- Hue family: Indigo, dusty dark indigo
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.58:1
- Contrast with black: 3.19:1

## Tints

#565a84, #656990, #75799c, #8589a8, #9599b5, #a6a9c1, #b7bacd, #c9cbd9, #dbdce6, #ededf2

## Shades

#565a84, #4a4d72, #3e4160, #32354f, #27293f, #1c1e2f, #121320, #080912, #020306, #000001

## Tones

#565a84, #575b80, #575b7d, #585c79, #595c75, #5a5c71, #5b5d6e, #5b5d6a, #5c5d66, #5d5e62

## Harmonies

- Complementary: #565a84, #675f2f
- Split: #565a84, #775732, #52663c
- Analogous: #565a84, #3f6183, #6a537b
- Triadic: #565a84, #7f5141, #3a6a50
- Tetradic: #565a84, #784f6b, #675f2f, #3a6a50
- Square: #565a84, #7f4e56, #675f2f, #276a66
- Monochromatic: #565a84, #1a1a3f, #363960, #787da9, #9ca1d0

## Questions about #565a84

### What color is #565a84?

#565a84 is dusty dark indigo. The closest named color is Mauve Dusk. In RGB it is rgb(86, 90, 132), in HSL hsl(234.78, 21.1%, 42.75%) and in OKLCH oklch(48.192% 0.06762 279.347).

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

The complementary color of #565a84 is #675f2f. For a calmer combination use the analogous colors #3f6183 and #6a537b. The triadic partners are #7f5141 and #3a6a50.

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

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

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

#565a84 is a cool color. In OKLCH its hue is 279 degrees, its lightness 48.2% and its chroma 0.068.