# #5f81bb color: Granada Sky

#5f81bb is rgb(95, 129, 187) in RGB and oklch(60.228% 0.09713 260.692) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5f81bb |
| RGB | rgb(95, 129, 187) |
| HSL | hsl(217.83, 40.35%, 55.29%) |
| HSB / HSV | hsv(217.83 49.2% 73.33%) |
| HWB | hwb(217.83 37.25% 26.67%) |
| CMYK | cmyk(49% 31% 0% 27%) |
| Lab | lab(53.27 0.09 -34.71) |
| LCH | lch(53.27 34.71 270.16) |
| OKLab | oklab(60.228% -0.01571 -0.09585) |
| OKLCH | oklch(60.228% 0.09713 260.692) |
| Display P3 | color(display-p3 0.40032 0.50215 0.71546) |
| Rec. 2020 | color(rec2020 0.39014 0.45163 0.68052) |
| Adobe RGB | color(a98-rgb 0.41477 0.50184 0.71997) |
| ProPhoto RGB | color(prophoto-rgb 0.41224 0.42793 0.6479) |
| Linear sRGB | color(srgb-linear 0.11444 0.21953 0.49693) |
| XYZ D65 | color(xyz-d65 0.21538 0.21721 0.50073) |
| XYZ D50 | color(xyz-d50 0.20555 0.21296 0.37776) |
| SwiftUI | Color(red: 0.373, green: 0.506, blue: 0.733) |
| UIKit | UIColor(red: 0.373, green: 0.506, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF5F81BB) |
| Android XML | #5F81BB |

## Facts

- Closest name: Granada Sky
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.93:1
- Contrast with black: 5.34:1

## Tints

#5f81bb, #6e8dc2, #7d9ac9, #8da6d0, #9db3d7, #adbfde, #bdcce5, #cdd8ec, #dde5f2, #eef2f9

## Shades

#5f81bb, #526fa2, #445e8a, #384e73, #2c3e5c, #202e46, #151f32, #0a121f, #03060d, #000102

## Tones

#5f81bb, #6381b5, #6681b0, #6a82aa, #6d82a4, #70829f, #748299, #778193, #7a818d, #7e8187

## Harmonies

- Complementary: #5f81bb, #9f7a36
- Split: #5f81bb, #af6f49, #84863c
- Analogous: #5f81bb, #388bb0, #8176b7
- Triadic: #5f81bb, #b46868, #608f57
- Tetradic: #5f81bb, #9b6da4, #9f7a36, #608f57
- Square: #5f81bb, #ad6888, #9f7a36, #369479
- Monochromatic: #5f81bb, #1e3c70, #3e5e95, #82a6e2, #a7ccff

## Questions about #5f81bb

### What color is #5f81bb?

#5f81bb is soft blue. The closest named color is Granada Sky. In RGB it is rgb(95, 129, 187), in HSL hsl(217.83, 40.35%, 55.29%) and in OKLCH oklch(60.228% 0.09713 260.692).

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

The complementary color of #5f81bb is #9f7a36. For a calmer combination use the analogous colors #388bb0 and #8176b7. The triadic partners are #b46868 and #608f57.

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

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

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

#5f81bb is a cool color. In OKLCH its hue is 261 degrees, its lightness 60.2% and its chroma 0.097.