# #5484cd color: Berlin Blue

#5484cd is rgb(84, 132, 205) in RGB and oklch(61.237% 0.12321 258.533) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5484cd

## Formats

| Format | Value |
| --- | --- |
| HEX | #5484cd |
| RGB | rgb(84, 132, 205) |
| HSL | hsl(216.2, 54.75%, 56.67%) |
| HSB / HSV | hsv(216.2 59.02% 80.39%) |
| HWB | hwb(216.2 32.94% 19.61%) |
| CMYK | cmyk(59% 36% 0% 20%) |
| Lab | lab(54.25 0.31 -43.43) |
| LCH | lch(54.25 43.43 270.41) |
| OKLab | oklab(61.237% -0.02449 -0.12075) |
| OKLCH | oklch(61.237% 0.12321 258.533) |
| Display P3 | color(display-p3 0.37168 0.51274 0.7822) |
| Rec. 2020 | color(rec2020 0.37996 0.46279 0.75331) |
| Adobe RGB | color(a98-rgb 0.39426 0.51334 0.78963) |
| ProPhoto RGB | color(prophoto-rgb 0.419 0.43926 0.72246) |
| Linear sRGB | color(srgb-linear 0.08866 0.23074 0.6105) |
| XYZ D65 | color(xyz-d65 0.22925 0.22794 0.60951) |
| XYZ D50 | color(xyz-d50 0.21488 0.22215 0.45959) |
| SwiftUI | Color(red: 0.329, green: 0.518, blue: 0.804) |
| UIKit | UIColor(red: 0.329, green: 0.518, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF5484CD) |
| Android XML | #5484CD |

## Facts

- Closest name: Berlin Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.78:1
- Contrast with black: 5.56:1

## Tints

#5484cd, #6590d3, #759dd8, #86a9de, #97b5e3, #a8c1e8, #b9ceed, #cadaf2, #dce6f6, #edf3fb

## Shades

#5484cd, #4872b2, #3c6098, #314f7e, #263f66, #1b2f4e, #112038, #081223, #02060f, #000102

## Tones

#5484cd, #5984c6, #5f85bf, #6485b8, #6985b0, #6d85a9, #7285a2, #77859b, #7b8593, #7f848b

## Harmonies

- Complementary: #5484cd, #ab7910
- Split: #5484cd, #be6b3b, #8b891c
- Analogous: #5484cd, #0091be, #8276c9
- Triadic: #5484cd, #c36267, #5c954a
- Tetradic: #5484cd, #a36ab3, #ab7910, #5c954a
- Square: #5484cd, #b96390, #ab7910, #009b76
- Monochromatic: #5484cd, #0f3d80, #3260a6, #78a9f5, #a9d1ff

## Questions about #5484cd

### What color is #5484cd?

#5484cd is soft blue. The closest named color is Berlin Blue. In RGB it is rgb(84, 132, 205), in HSL hsl(216.2, 54.75%, 56.67%) and in OKLCH oklch(61.237% 0.12321 258.533).

### What colors go well with #5484cd?

The complementary color of #5484cd is #ab7910. For a calmer combination use the analogous colors #0091be and #8276c9. The triadic partners are #c36267 and #5c954a.

### Is white or black text more readable on #5484cd?

White text reads better on #5484cd: white gives a contrast ratio of 3.78:1 and black gives 5.56:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5484cd a warm or cool color?

#5484cd is a cool color. In OKLCH its hue is 259 degrees, its lightness 61.2% and its chroma 0.123.