# #5697ec color: Guilliman Blue

#5697ec is rgb(86, 151, 236) in RGB and oklch(67.174% 0.14339 255.857) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5697ec

## Formats

| Format | Value |
| --- | --- |
| HEX | #5697ec |
| RGB | rgb(86, 151, 236) |
| HSL | hsl(214, 79.79%, 63.14%) |
| HSB / HSV | hsv(214 63.56% 92.55%) |
| HWB | hwb(214 33.73% 7.45%) |
| CMYK | cmyk(64% 36% 0% 7%) |
| Lab | lab(61.08 -1.24 -49.93) |
| LCH | lch(61.08 49.95 268.58) |
| OKLab | oklab(67.174% -0.03504 -0.13905) |
| OKLCH | oklch(67.174% 0.14339 255.857) |
| Display P3 | color(display-p3 0.39801 0.58585 0.90016) |
| Rec. 2020 | color(rec2020 0.42945 0.54068 0.88371) |
| Adobe RGB | color(a98-rgb 0.42802 0.58665 0.9122) |
| ProPhoto RGB | color(prophoto-rgb 0.4825 0.51521 0.86106) |
| Linear sRGB | color(srgb-linear 0.09306 0.30947 0.8388) |
| XYZ D65 | color(xyz-d65 0.30043 0.30167 0.83599) |
| XYZ D50 | color(xyz-d50 0.27979 0.29341 0.63033) |
| SwiftUI | Color(red: 0.337, green: 0.592, blue: 0.925) |
| UIKit | UIColor(red: 0.337, green: 0.592, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF5697EC) |
| Android XML | #5697EC |

## Facts

- Closest name: Guilliman Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.99:1
- Contrast with black: 7.03:1

## Tints

#5697ec, #68a2ef, #79acf1, #89b7f4, #9ac1f6, #abccf8, #bcd6fa, #cce0fb, #ddebfd, #eef5fe

## Shades

#5697ec, #4a83cd, #3e6faf, #325c92, #274976, #1c375b, #122642, #081729, #020813, #000103

## Tones

#5697ec, #5e97e4, #6598db, #6c98d3, #7298ca, #7998c2, #7f98b9, #8597b1, #8a97a8, #90969f

## Harmonies

- Complementary: #5697ec, #c78700
- Split: #5697ec, #dc7642, #a29a00
- Analogous: #5697ec, #00a6d8, #8f86e9
- Triadic: #5697ec, #e06d78, #6ca94a
- Tetradic: #5697ec, #b878d1, #c78700, #6ca94a
- Square: #5697ec, #d36ea8, #c78700, #00b181
- Monochromatic: #5697ec, #044e9c, #3172c4, #82beff, #c6e4ff

## Questions about #5697ec

### What color is #5697ec?

#5697ec is bright blue. The closest named color is Guilliman Blue. In RGB it is rgb(86, 151, 236), in HSL hsl(214, 79.79%, 63.14%) and in OKLCH oklch(67.174% 0.14339 255.857).

### What colors go well with #5697ec?

The complementary color of #5697ec is #c78700. For a calmer combination use the analogous colors #00a6d8 and #8f86e9. The triadic partners are #e06d78 and #6ca94a.

### Is white or black text more readable on #5697ec?

Black text reads better on #5697ec: white gives a contrast ratio of 2.99:1 and black gives 7.03:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5697ec a warm or cool color?

#5697ec is a cool color. In OKLCH its hue is 256 degrees, its lightness 67.2% and its chroma 0.143.