# #558acb color: Berlin Blue

#558acb is rgb(85, 138, 203) in RGB and oklch(62.502% 0.11405 254.362) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #558acb |
| RGB | rgb(85, 138, 203) |
| HSL | hsl(213.05, 53.15%, 56.47%) |
| HSB / HSV | hsv(213.05 58.13% 79.61%) |
| HWB | hwb(213.05 33.33% 20.39%) |
| CMYK | cmyk(58% 32% 0% 20%) |
| Lab | lab(55.95 -3.24 -39.65) |
| LCH | lch(55.95 39.78 265.32) |
| OKLab | oklab(62.502% -0.03074 -0.10983) |
| OKLCH | oklch(62.502% 0.11405 254.362) |
| Display P3 | color(display-p3 0.38084 0.53584 0.77586) |
| Rec. 2020 | color(rec2020 0.3914 0.48636 0.74666) |
| Adobe RGB | color(a98-rgb 0.4055 0.5364 0.78248) |
| ProPhoto RGB | color(prophoto-rgb 0.42676 0.46062 0.71616) |
| Linear sRGB | color(srgb-linear 0.09084 0.25415 0.5972) |
| XYZ D65 | color(xyz-d65 0.23613 0.24419 0.59971) |
| XYZ D50 | color(xyz-d50 0.22295 0.23861 0.4524) |
| SwiftUI | Color(red: 0.333, green: 0.541, blue: 0.796) |
| UIKit | UIColor(red: 0.333, green: 0.541, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF558ACB) |
| Android XML | #558ACB |

## 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.57:1
- Contrast with black: 5.88:1

## Tints

#558acb, #6696d1, #77a1d6, #87addc, #98b9e1, #a9c4e7, #bad0ec, #cbdcf1, #dce7f6, #eef3fa

## Shades

#558acb, #4977b0, #3d6596, #31537d, #264265, #1c324d, #112237, #081422, #02070f, #000102

## Tones

#558acb, #5b8ac4, #618abe, #668ab7, #6b8ab1, #708aaa, #758aa3, #7a899c, #7f8996, #83888f

## Harmonies

- Complementary: #558acb, #b07c2c
- Split: #558acb, #c06f4b, #938b2c
- Analogous: #558acb, #1495bb, #807dca
- Triadic: #558acb, #c26972, #6a974d
- Tetradic: #558acb, #a172b7, #b07c2c, #6a974d
- Square: #558acb, #b76a98, #b07c2c, #329d75
- Monochromatic: #558acb, #0c437e, #3266a4, #79b0f3, #aad6ff

## Questions about #558acb

### What color is #558acb?

#558acb is soft blue. The closest named color is Berlin Blue. In RGB it is rgb(85, 138, 203), in HSL hsl(213.05, 53.15%, 56.47%) and in OKLCH oklch(62.502% 0.11405 254.362).

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

The complementary color of #558acb is #b07c2c. For a calmer combination use the analogous colors #1495bb and #807dca. The triadic partners are #c26972 and #6a974d.

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

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

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

#558acb is a cool color. In OKLCH its hue is 254 degrees, its lightness 62.5% and its chroma 0.114.