# #504ca5 color: Soft dark indigo

#504ca5 is rgb(80, 76, 165) in RGB and oklch(46.841% 0.13911 281.61) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/504ca5

## Formats

| Format | Value |
| --- | --- |
| HEX | #504ca5 |
| RGB | rgb(80, 76, 165) |
| HSL | hsl(242.7, 36.93%, 47.25%) |
| HSB / HSV | hsv(242.7 53.94% 64.71%) |
| HWB | hwb(242.7 29.8% 35.29%) |
| CMYK | cmyk(52% 54% 0% 35%) |
| Lab | lab(36.46 21.18 -48.53) |
| LCH | lch(36.46 52.95 293.58) |
| OKLab | oklab(46.841% 0.028 -0.13627) |
| OKLCH | oklch(46.841% 0.13911 281.61) |
| Display P3 | color(display-p3 0.31101 0.29858 0.62556) |
| Rec. 2020 | color(rec2020 0.27348 0.246 0.58137) |
| Adobe RGB | color(a98-rgb 0.31341 0.30281 0.63138) |
| ProPhoto RGB | color(prophoto-rgb 0.30679 0.24856 0.54512) |
| Linear sRGB | color(srgb-linear 0.08022 0.07227 0.37626) |
| XYZ D65 | color(xyz-d65 0.12683 0.09591 0.36781) |
| XYZ D50 | color(xyz-d50 0.11665 0.09247 0.27682) |
| SwiftUI | Color(red: 0.314, green: 0.298, blue: 0.647) |
| UIKit | UIColor(red: 0.314, green: 0.298, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF504CA5) |
| Android XML | #504CA5 |

## Facts

- Closest name: Soft dark indigo
- Hue family: Indigo, soft dark indigo
- Closest Tailwind class: blue-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.2:1
- Contrast with black: 2.92:1

## Tints

#504ca5, #5f5eaf, #6e70b9, #7f81c2, #9093cb, #a1a4d4, #b3b6dd, #c6c8e6, #d8daef, #ebedf7

## Shades

#504ca5, #44418f, #393679, #2e2c65, #242251, #1a183d, #100f2b, #07061a, #02020a, #000001

## Tones

#504ca5, #504e9e, #515197, #52528f, #535488, #545581, #555779, #565872, #57596a, #595a62

## Harmonies

- Complementary: #504ca5, #695b00
- Split: #504ca5, #834c00, #3c6900
- Analogous: #504ca5, #005ba5, #743e92
- Triadic: #504ca5, #973705, #006f43
- Tetradic: #504ca5, #8b3470, #695b00, #006f43
- Square: #504ca5, #982f46, #695b00, #006b68
- Monochromatic: #504ca5, #1a005a, #33297f, #7170cc, #9395f5

## Questions about #504ca5

### What color is #504ca5?

#504ca5 is soft dark indigo. The closest named color is Soft dark indigo. In RGB it is rgb(80, 76, 165), in HSL hsl(242.7, 36.93%, 47.25%) and in OKLCH oklch(46.841% 0.13911 281.61).

### What colors go well with #504ca5?

The complementary color of #504ca5 is #695b00. For a calmer combination use the analogous colors #005ba5 and #743e92. The triadic partners are #973705 and #006f43.

### Is white or black text more readable on #504ca5?

White text reads better on #504ca5: white gives a contrast ratio of 7.2:1 and black gives 2.92:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #504ca5 a warm or cool color?

#504ca5 is a cool color. In OKLCH its hue is 282 degrees, its lightness 46.8% and its chroma 0.139.