# #558bcd color: Berlin Blue

#558bcd is rgb(85, 139, 205) in RGB and oklch(62.829% 0.11568 254.308) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/558bcd

## Formats

| Format | Value |
| --- | --- |
| HEX | #558bcd |
| RGB | rgb(85, 139, 205) |
| HSL | hsl(213, 54.55%, 56.86%) |
| HSB / HSV | hsv(213 58.54% 80.39%) |
| HWB | hwb(213 33.33% 19.61%) |
| CMYK | cmyk(59% 32% 0% 20%) |
| Lab | lab(56.32 -3.26 -40.19) |
| LCH | lch(56.32 40.32 265.36) |
| OKLab | oklab(62.829% -0.03129 -0.11137) |
| OKLCH | oklch(62.829% 0.11568 254.308) |
| Display P3 | color(display-p3 0.38193 0.53968 0.78342) |
| Rec. 2020 | color(rec2020 0.39391 0.49046 0.75496) |
| Adobe RGB | color(a98-rgb 0.40703 0.54026 0.79032) |
| ProPhoto RGB | color(prophoto-rgb 0.43026 0.46463 0.72481) |
| Linear sRGB | color(srgb-linear 0.09084 0.25818 0.6105) |
| XYZ D65 | color(xyz-d65 0.23997 0.24803 0.61283) |
| XYZ D50 | color(xyz-d50 0.2264 0.24231 0.46228) |
| SwiftUI | Color(red: 0.333, green: 0.545, blue: 0.804) |
| UIKit | UIColor(red: 0.333, green: 0.545, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF558BCD) |
| Android XML | #558BCD |

## 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.52:1
- Contrast with black: 5.96:1

## Tints

#558bcd, #6697d3, #77a2d8, #88aedd, #98b9e3, #a9c5e8, #bad0ed, #cbdcf1, #dce8f6, #eef3fb

## Shades

#558bcd, #4978b2, #3d6698, #31547e, #264366, #1c324e, #112338, #081423, #02070f, #000102

## Tones

#558bcd, #5b8bc6, #618bc0, #668bb9, #6c8bb2, #718bac, #768ba5, #7b8a9e, #7f8a97, #848990

## Harmonies

- Complementary: #558bcd, #b27d2a
- Split: #558bcd, #c2704b, #948c2b
- Analogous: #558bcd, #1097bc, #817ecc
- Triadic: #558bcd, #c46973, #6a984d
- Tetradic: #558bcd, #a272b9, #b27d2a, #6a984d
- Square: #558bcd, #b96b99, #b27d2a, #319e76
- Monochromatic: #558bcd, #0b4480, #3267a6, #79b1f5, #acd7ff

## Questions about #558bcd

### What color is #558bcd?

#558bcd is soft blue. The closest named color is Berlin Blue. In RGB it is rgb(85, 139, 205), in HSL hsl(213, 54.55%, 56.86%) and in OKLCH oklch(62.829% 0.11568 254.308).

### What colors go well with #558bcd?

The complementary color of #558bcd is #b27d2a. For a calmer combination use the analogous colors #1097bc and #817ecc. The triadic partners are #c46973 and #6a984d.

### Is white or black text more readable on #558bcd?

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

### Is #558bcd a warm or cool color?

#558bcd is a cool color. In OKLCH its hue is 254 degrees, its lightness 62.8% and its chroma 0.116.