# #576bdd color: Thick Blue

#576bdd is rgb(87, 107, 221) in RGB and oklch(57.239% 0.17415 272.261) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/576bdd

## Formats

| Format | Value |
| --- | --- |
| HEX | #576bdd |
| RGB | rgb(87, 107, 221) |
| HSL | hsl(231.04, 66.34%, 60.39%) |
| HSB / HSV | hsv(231.04 60.63% 86.67%) |
| HWB | hwb(231.04 34.12% 13.33%) |
| CMYK | cmyk(61% 52% 0% 13%) |
| Lab | lab(48.32 19.55 -61.89) |
| LCH | lch(48.32 64.9 287.53) |
| OKLab | oklab(57.239% 0.00687 -0.17402) |
| OKLCH | oklch(57.239% 0.17415 272.261) |
| Display P3 | color(display-p3 0.35665 0.41729 0.83821) |
| Rec. 2020 | color(rec2020 0.35382 0.36882 0.81381) |
| Adobe RGB | color(a98-rgb 0.3666 0.41823 0.84992) |
| ProPhoto RGB | color(prophoto-rgb 0.40967 0.35897 0.78358) |
| Linear sRGB | color(srgb-linear 0.09531 0.14703 0.72306) |
| XYZ D65 | color(xyz-d65 0.22238 0.17761 0.70665) |
| XYZ D50 | color(xyz-d50 0.20164 0.17044 0.53193) |
| SwiftUI | Color(red: 0.341, green: 0.42, blue: 0.867) |
| UIKit | UIColor(red: 0.341, green: 0.42, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF576BDD) |
| Android XML | #576BDD |

## Facts

- Closest name: Thick Blue
- Hue family: Indigo, bright indigo
- Closest Tailwind class: indigo-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.61:1
- Contrast with black: 4.55:1

## Tints

#576bdd, #657be2, #758ae6, #8599ea, #95a8ee, #a6b6f2, #b7c5f5, #c9d3f8, #dae2fb, #edf0fd

## Shades

#576bdd, #4b5cc0, #3e4ea4, #333f88, #27326e, #1c2555, #12183d, #080d26, #030411, #000002

## Tones

#576bdd, #5a6ed3, #5d70c9, #6072c0, #6373b6, #6675ac, #6a76a2, #6d7798, #71778d, #747883

## Harmonies

- Complementary: #576bdd, #957400
- Split: #576bdd, #b55e00, #688500
- Analogous: #576bdd, #007fd0, #8d58cb
- Triadic: #576bdd, #ca442d, #00933f
- Tetradic: #576bdd, #b048a4, #957400, #00933f
- Square: #576bdd, #c53f6f, #957400, #008f7e
- Monochromatic: #576bdd, #1f1e8d, #3946b4, #7891ff, #a8bdff

## Questions about #576bdd

### What color is #576bdd?

#576bdd is bright indigo. The closest named color is Thick Blue. In RGB it is rgb(87, 107, 221), in HSL hsl(231.04, 66.34%, 60.39%) and in OKLCH oklch(57.239% 0.17415 272.261).

### What colors go well with #576bdd?

The complementary color of #576bdd is #957400. For a calmer combination use the analogous colors #007fd0 and #8d58cb. The triadic partners are #ca442d and #00933f.

### Is white or black text more readable on #576bdd?

White text reads better on #576bdd: white gives a contrast ratio of 4.61:1 and black gives 4.55:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #576bdd a warm or cool color?

#576bdd is a cool color. In OKLCH its hue is 272 degrees, its lightness 57.2% and its chroma 0.174.