# #486ea5 color: New Age Blue

#486ea5 is rgb(72, 110, 165) in RGB and oklch(53.494% 0.09718 257.604) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #486ea5 |
| RGB | rgb(72, 110, 165) |
| HSL | hsl(215.48, 39.24%, 46.47%) |
| HSB / HSV | hsv(215.48 56.36% 64.71%) |
| HWB | hwb(215.48 28.24% 35.29%) |
| CMYK | cmyk(56% 33% 0% 35%) |
| Lab | lab(45.5 -0.95 -34.25) |
| LCH | lch(45.5 34.26 268.41) |
| OKLab | oklab(53.494% -0.02086 -0.09491) |
| OKLCH | oklch(53.494% 0.09718 257.604) |
| Display P3 | color(display-p3 0.31518 0.42742 0.63024) |
| Rec. 2020 | color(rec2020 0.305 0.37181 0.58766) |
| Adobe RGB | color(a98-rgb 0.33585 0.42955 0.63409) |
| ProPhoto RGB | color(prophoto-rgb 0.33367 0.35263 0.55372) |
| Linear sRGB | color(srgb-linear 0.0648 0.15593 0.37626) |
| XYZ D65 | color(xyz-d65 0.15039 0.15246 0.37749) |
| XYZ D50 | color(xyz-d50 0.14215 0.14901 0.28473) |
| SwiftUI | Color(red: 0.282, green: 0.431, blue: 0.647) |
| UIKit | UIColor(red: 0.282, green: 0.431, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF486EA5) |
| Android XML | #486EA5 |

## Facts

- Closest name: New Age Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.19:1
- Contrast with black: 4.05:1

## Tints

#486ea5, #597cae, #6b8ab8, #7c98c1, #8ea7ca, #a0b5d3, #b3c4dc, #c6d2e5, #d8e1ee, #ecf0f6

## Shades

#486ea5, #3d5f8f, #335079, #294165, #1f3351, #16263d, #0d192b, #060e1a, #02040a, #000101

## Tones

#486ea5, #4c6ea0, #506e9a, #546e95, #586e8f, #5c6e8a, #5f6e84, #636e7e, #666e79, #6a6d73

## Harmonies

- Complementary: #486ea5, #8c6520
- Split: #486ea5, #9b5a38, #737124
- Analogous: #486ea5, #187899, #6a63a2
- Triadic: #486ea5, #9e5458, #517a41
- Tetradic: #486ea5, #845a92, #8c6520, #517a41
- Square: #486ea5, #965577, #8c6520, #227f62
- Monochromatic: #486ea5, #062a5c, #274b80, #6a92cc, #8fb8f4

## Questions about #486ea5

### What color is #486ea5?

#486ea5 is soft blue. The closest named color is New Age Blue. In RGB it is rgb(72, 110, 165), in HSL hsl(215.48, 39.24%, 46.47%) and in OKLCH oklch(53.494% 0.09718 257.604).

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

The complementary color of #486ea5 is #8c6520. For a calmer combination use the analogous colors #187899 and #6a63a2. The triadic partners are #9e5458 and #517a41.

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

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

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

#486ea5 is a cool color. In OKLCH its hue is 258 degrees, its lightness 53.5% and its chroma 0.097.