# #5a98ea color: Guilliman Blue

#5a98ea is rgb(90, 152, 234) in RGB and oklch(67.457% 0.13823 256.002) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5a98ea |
| RGB | rgb(90, 152, 234) |
| HSL | hsl(214.17, 77.42%, 63.53%) |
| HSB / HSV | hsv(214.17 61.54% 91.76%) |
| HWB | hwb(214.17 35.29% 8.24%) |
| CMYK | cmyk(62% 35% 0% 8%) |
| Lab | lab(61.46 -1.5 -48.23) |
| LCH | lch(61.46 48.25 268.22) |
| OKLab | oklab(67.457% -0.03344 -0.13413) |
| OKLCH | oklch(67.457% 0.13823 256.002) |
| Display P3 | color(display-p3 0.40979 0.58997 0.89301) |
| Rec. 2020 | color(rec2020 0.43731 0.54508 0.87584) |
| Adobe RGB | color(a98-rgb 0.43777 0.59053 0.90446) |
| ProPhoto RGB | color(prophoto-rgb 0.48657 0.51935 0.85278) |
| Linear sRGB | color(srgb-linear 0.10224 0.31399 0.82279) |
| XYZ D65 | color(xyz-d65 0.30294 0.30569 0.82149) |
| XYZ D50 | color(xyz-d50 0.28324 0.29772 0.61946) |
| SwiftUI | Color(red: 0.353, green: 0.596, blue: 0.918) |
| UIKit | UIColor(red: 0.353, green: 0.596, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5A98EA) |
| Android XML | #5A98EA |

## 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.95:1
- Contrast with black: 7.11:1

## Tints

#5a98ea, #6ba3ed, #7cadf0, #8cb8f2, #9cc2f5, #adccf7, #bdd6f9, #cde1fb, #deebfc, #eef5fe

## Shades

#5a98ea, #4d84cb, #4170ae, #355c91, #294a75, #1e385a, #132741, #091729, #030813, #000103

## Tones

#5a98ea, #6198e2, #6899da, #6e99d2, #7599c9, #7b99c1, #8199b9, #8698b0, #8c98a8, #91979f

## Harmonies

- Complementary: #5a98ea, #c78910
- Split: #5a98ea, #db7847, #a29b17
- Analogous: #5a98ea, #00a6d7, #9088e7
- Triadic: #5a98ea, #de6f79, #6ea94f
- Tetradic: #5a98ea, #b77ad0, #c78910, #6ea94f
- Square: #5a98ea, #d271a8, #c78910, #0cb183
- Monochromatic: #5a98ea, #0d4f9b, #3673c2, #84bfff, #c8e5ff

## Questions about #5a98ea

### What color is #5a98ea?

#5a98ea is bright blue. The closest named color is Guilliman Blue. In RGB it is rgb(90, 152, 234), in HSL hsl(214.17, 77.42%, 63.53%) and in OKLCH oklch(67.457% 0.13823 256.002).

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

The complementary color of #5a98ea is #c78910. For a calmer combination use the analogous colors #00a6d7 and #9088e7. The triadic partners are #de6f79 and #6ea94f.

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

Black text reads better on #5a98ea: white gives a contrast ratio of 2.95:1 and black gives 7.11:1. WCAG AA asks for at least 4.5:1 for body text.

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

#5a98ea is a cool color. In OKLCH its hue is 256 degrees, its lightness 67.5% and its chroma 0.138.