# #5aa6ff color: Âbi Blue

#5aa6ff is rgb(90, 166, 255) in RGB and oklch(71.604% 0.15104 253.778) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aa6ff |
| RGB | rgb(90, 166, 255) |
| HSL | hsl(212.36, 100%, 67.65%) |
| HSB / HSV | hsv(212.36 64.71% 100%) |
| HWB | hwb(212.36 35.29% 0%) |
| CMYK | cmyk(65% 35% 0% 0%) |
| Lab | lab(66.27 -3.28 -52.11) |
| LCH | lch(66.27 52.22 266.39) |
| OKLab | oklab(71.604% -0.04219 -0.14503) |
| OKLCH | oklch(71.604% 0.15104 253.778) |
| Display P3 | color(display-p3 0.42595 0.64378 0.97309) |
| Rec. 2020 | color(rec2020 0.47145 0.60267 0.96511) |
| Adobe RGB | color(a98-rgb 0.46055 0.64508 0.98834) |
| ProPhoto RGB | color(prophoto-rgb 0.53152 0.57671 0.95015) |
| Linear sRGB | color(srgb-linear 0.10224 0.38133 1) |
| XYZ D65 | color(xyz-d65 0.359 0.36665 0.99796) |
| XYZ D50 | color(xyz-d50 0.33453 0.35674 0.75254) |
| SwiftUI | Color(red: 0.353, green: 0.651, blue: 1) |
| UIKit | UIColor(red: 0.353, green: 0.651, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA6FF) |
| Android XML | #5AA6FF |

## Facts

- Closest name: Âbi Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.52:1
- Contrast with black: 8.33:1

## Tints

#5aa6ff, #6cafff, #7db9ff, #8ec2ff, #9ecbff, #aed4ff, #bfddff, #cfe5ff, #dfeeff, #eff6ff

## Shades

#5aa6ff, #4d90de, #417abe, #35659e, #295180, #1e3e63, #132b48, #091a2e, #030a16, #000103

## Tones

#5aa6ff, #63a6f6, #6ca7ed, #74a7e4, #7ba7db, #82a6d2, #89a6c9, #90a5c0, #97a5b6, #9da4ad

## Harmonies

- Complementary: #5aa6ff, #db9205
- Split: #5aa6ff, #ef804f, #b4a700
- Analogous: #5aa6ff, #00b6e8, #9994fe
- Triadic: #5aa6ff, #f27787, #7bb74e
- Tetradic: #5aa6ff, #c584e5, #db9205, #7bb74e
- Square: #5aa6ff, #e37abb, #db9205, #0fc089
- Monochromatic: #5aa6ff, #005bae, #3480d6, #99cdff, #ddf3ff

## Questions about #5aa6ff

### What color is #5aa6ff?

#5aa6ff is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(90, 166, 255), in HSL hsl(212.36, 100%, 67.65%) and in OKLCH oklch(71.604% 0.15104 253.778).

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

The complementary color of #5aa6ff is #db9205. For a calmer combination use the analogous colors #00b6e8 and #9994fe. The triadic partners are #f27787 and #7bb74e.

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

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

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

#5aa6ff is a cool color. In OKLCH its hue is 254 degrees, its lightness 71.6% and its chroma 0.151.