# #5b83cc color: Berlin Blue

#5b83cc is rgb(91, 131, 204) in RGB and oklch(61.333% 0.12008 261.678) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5b83cc

## Formats

| Format | Value |
| --- | --- |
| HEX | #5b83cc |
| RGB | rgb(91, 131, 204) |
| HSL | hsl(218.76, 52.56%, 57.84%) |
| HSB / HSV | hsv(218.76 55.39% 80%) |
| HWB | hwb(218.76 35.69% 20%) |
| CMYK | cmyk(55% 36% 0% 20%) |
| Lab | lab(54.3 2.24 -42.76) |
| LCH | lch(54.3 42.82 272.99) |
| OKLab | oklab(61.333% -0.01738 -0.11882) |
| OKLCH | oklch(61.333% 0.12008 261.678) |
| Display P3 | color(display-p3 0.39055 0.50946 0.77849) |
| Rec. 2020 | color(rec2020 0.39137 0.46004 0.74922) |
| Adobe RGB | color(a98-rgb 0.40831 0.50951 0.78567) |
| ProPhoto RGB | color(prophoto-rgb 0.42593 0.4372 0.71816) |
| Linear sRGB | color(srgb-linear 0.10462 0.22697 0.60383) |
| XYZ D65 | color(xyz-d65 0.23328 0.22816 0.60303) |
| XYZ D50 | color(xyz-d50 0.21943 0.22259 0.45468) |
| SwiftUI | Color(red: 0.357, green: 0.514, blue: 0.8) |
| UIKit | UIColor(red: 0.357, green: 0.514, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF5B83CC) |
| Android XML | #5B83CC |

## 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.77:1
- Contrast with black: 5.56:1

## Tints

#5b83cc, #6b8fd2, #7a9cd7, #8aa8dd, #9ab4e2, #abc1e7, #bbcdec, #ccdaf1, #dde6f6, #eef2fb

## Shades

#5b83cc, #4e71b1, #416097, #354f7e, #293f65, #1e2f4e, #132037, #091222, #03060f, #000102

## Tones

#5b83cc, #5f84c5, #6484be, #6884b7, #6c85b0, #7085a9, #7485a2, #78859a, #7c8593, #80848c

## Harmonies

- Complementary: #5b83cc, #a87c17
- Split: #5b83cc, #bc6d3a, #878b26
- Analogous: #5b83cc, #1590bf, #8676c6
- Triadic: #5b83cc, #c26463, #589650
- Tetradic: #5b83cc, #a56aaf, #a87c17, #589650
- Square: #5b83cc, #ba648c, #a87c17, #009b7b
- Monochromatic: #5b83cc, #193c7f, #395fa5, #7ea8f4, #add0ff

## Questions about #5b83cc

### What color is #5b83cc?

#5b83cc is soft blue. The closest named color is Berlin Blue. In RGB it is rgb(91, 131, 204), in HSL hsl(218.76, 52.56%, 57.84%) and in OKLCH oklch(61.333% 0.12008 261.678).

### What colors go well with #5b83cc?

The complementary color of #5b83cc is #a87c17. For a calmer combination use the analogous colors #1590bf and #8676c6. The triadic partners are #c26463 and #589650.

### Is white or black text more readable on #5b83cc?

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

### Is #5b83cc a warm or cool color?

#5b83cc is a cool color. In OKLCH its hue is 262 degrees, its lightness 61.3% and its chroma 0.12.