# #5683cd color: Berlin Blue

#5683cd is rgb(86, 131, 205) in RGB and oklch(61.121% 0.12346 259.898) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5683cd |
| RGB | rgb(86, 131, 205) |
| HSL | hsl(217.31, 54.34%, 57.06%) |
| HSB / HSV | hsv(217.31 58.05% 80.39%) |
| HWB | hwb(217.31 33.73% 19.61%) |
| CMYK | cmyk(58% 36% 0% 20%) |
| Lab | lab(54.07 1.32 -43.71) |
| LCH | lch(54.07 43.73 271.73) |
| OKLab | oklab(61.121% -0.02165 -0.12155) |
| OKLCH | oklch(61.121% 0.12346 259.898) |
| Display P3 | color(display-p3 0.37626 0.50906 0.78207) |
| Rec. 2020 | color(rec2020 0.38203 0.45922 0.75314) |
| Adobe RGB | color(a98-rgb 0.39712 0.50951 0.78954) |
| ProPhoto RGB | color(prophoto-rgb 0.4202 0.43618 0.72219) |
| Linear sRGB | color(srgb-linear 0.09306 0.22697 0.6105) |
| XYZ D65 | color(xyz-d65 0.22972 0.22618 0.60915) |
| XYZ D50 | color(xyz-d50 0.21534 0.22042 0.45928) |
| SwiftUI | Color(red: 0.337, green: 0.514, blue: 0.804) |
| UIKit | UIColor(red: 0.337, green: 0.514, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF5683CD) |
| Android XML | #5683CD |

## 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.8:1
- Contrast with black: 5.52:1

## Tints

#5683cd, #668fd3, #779cd8, #87a8de, #98b5e3, #a9c1e8, #b9cded, #cbdaf2, #dce6f6, #edf2fb

## Shades

#5683cd, #4a71b2, #3e6098, #324f7e, #273f66, #1c2f4e, #122038, #081223, #02060f, #000102

## Tones

#5683cd, #5b84c6, #6084bf, #6584b8, #6984b0, #6e85a9, #7284a2, #77849a, #7b8493, #7f848b

## Harmonies

- Complementary: #5683cd, #aa7a0d
- Split: #5683cd, #bd6b39, #89891d
- Analogous: #5683cd, #0090bf, #8375c8
- Triadic: #5683cd, #c26264, #59954b
- Tetradic: #5683cd, #a469b1, #aa7a0d, #59954b
- Square: #5683cd, #b9628e, #aa7a0d, #009b78
- Monochromatic: #5683cd, #133c80, #345fa6, #79a8f5, #aad0ff

## Questions about #5683cd

### What color is #5683cd?

#5683cd is soft blue. The closest named color is Berlin Blue. In RGB it is rgb(86, 131, 205), in HSL hsl(217.31, 54.34%, 57.06%) and in OKLCH oklch(61.121% 0.12346 259.898).

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

The complementary color of #5683cd is #aa7a0d. For a calmer combination use the analogous colors #0090bf and #8375c8. The triadic partners are #c26264 and #59954b.

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

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

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

#5683cd is a cool color. In OKLCH its hue is 260 degrees, its lightness 61.1% and its chroma 0.123.