# #486bbd color: Azraq Blue

#486bbd is rgb(72, 107, 189) in RGB and oklch(54.248% 0.1344 264.881) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/486bbd

## Formats

| Format | Value |
| --- | --- |
| HEX | #486bbd |
| RGB | rgb(72, 107, 189) |
| HSL | hsl(222.05, 46.99%, 51.18%) |
| HSB / HSV | hsv(222.05 61.9% 74.12%) |
| HWB | hwb(222.05 28.24% 25.88%) |
| CMYK | cmyk(62% 43% 0% 26%) |
| Lab | lab(45.73 7.37 -47.83) |
| LCH | lch(45.73 48.4 278.76) |
| OKLab | oklab(54.248% -0.01199 -0.13386) |
| OKLCH | oklch(54.248% 0.1344 264.881) |
| Display P3 | color(display-p3 0.31215 0.41592 0.71871) |
| Rec. 2020 | color(rec2020 0.30969 0.36239 0.68315) |
| Adobe RGB | color(a98-rgb 0.33156 0.41823 0.72566) |
| ProPhoto RGB | color(prophoto-rgb 0.35417 0.34743 0.64866) |
| Linear sRGB | color(srgb-linear 0.0648 0.14703 0.50888) |
| XYZ D65 | color(xyz-d65 0.17114 0.15567 0.50249) |
| XYZ D50 | color(xyz-d50 0.1577 0.15067 0.37857) |
| SwiftUI | Color(red: 0.282, green: 0.42, blue: 0.741) |
| UIKit | UIColor(red: 0.282, green: 0.42, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF486BBD) |
| Android XML | #486BBD |

## Facts

- Closest name: Azraq Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.11:1
- Contrast with black: 4.11:1

## Tints

#486bbd, #597ac4, #6a89cc, #7c97d3, #8da6da, #a0b5e0, #b2c3e7, #c5d2ed, #d8e1f3, #ebf0f9

## Shades

#486bbd, #3d5ca4, #334e8c, #293f74, #1f325d, #162547, #0d1833, #060d1f, #02040d, #000002

## Tones

#486bbd, #4c6cb5, #506dae, #546ea6, #586e9f, #5c6f97, #606f8f, #646f88, #686f80, #6b6f77

## Harmonies

- Complementary: #486bbd, #926700
- Split: #486bbd, #a95600, #6e7700
- Analogous: #486bbd, #0079b1, #765cb4
- Triadic: #486bbd, #b04a46, #328339
- Tetradic: #486bbd, #95509a, #926700, #328339
- Square: #486bbd, #a94973, #926700, #00866b
- Monochromatic: #486bbd, #0b2470, #284796, #6a90e5, #8fb6ff

## Questions about #486bbd

### What color is #486bbd?

#486bbd is soft blue. The closest named color is Azraq Blue. In RGB it is rgb(72, 107, 189), in HSL hsl(222.05, 46.99%, 51.18%) and in OKLCH oklch(54.248% 0.1344 264.881).

### What colors go well with #486bbd?

The complementary color of #486bbd is #926700. For a calmer combination use the analogous colors #0079b1 and #765cb4. The triadic partners are #b04a46 and #328339.

### Is white or black text more readable on #486bbd?

White text reads better on #486bbd: white gives a contrast ratio of 5.11:1 and black gives 4.11:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #486bbd a warm or cool color?

#486bbd is a cool color. In OKLCH its hue is 265 degrees, its lightness 54.2% and its chroma 0.134.