# #285ea1 color: Neptune Blue

#285ea1 is rgb(40, 94, 161) in RGB and oklch(48.102% 0.12223 255.426) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/285ea1

## Formats

| Format | Value |
| --- | --- |
| HEX | #285ea1 |
| RGB | rgb(40, 94, 161) |
| HSL | hsl(213.22, 60.2%, 39.41%) |
| HSB / HSV | hsv(213.22 75.16% 63.14%) |
| HWB | hwb(213.22 15.69% 36.86%) |
| CMYK | cmyk(75% 42% 0% 37%) |
| Lab | lab(39 0.46 -42.26) |
| LCH | lch(39 42.26 270.62) |
| OKLab | oklab(48.102% -0.03076 -0.1183) |
| OKLCH | oklch(48.102% 0.12223 255.426) |
| Display P3 | color(display-p3 0.21307 0.36384 0.6122) |
| Rec. 2020 | color(rec2020 0.22336 0.30524 0.56764) |
| Adobe RGB | color(a98-rgb 0.24914 0.36945 0.61746) |
| ProPhoto RGB | color(prophoto-rgb 0.27559 0.29323 0.53281) |
| Linear sRGB | color(srgb-linear 0.02122 0.11193 0.3564) |
| XYZ D65 | color(xyz-d65 0.1131 0.11029 0.35252) |
| XYZ D50 | color(xyz-d50 0.10336 0.10657 0.26567) |
| SwiftUI | Color(red: 0.157, green: 0.369, blue: 0.631) |
| UIKit | UIColor(red: 0.157, green: 0.369, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF285EA1) |
| Android XML | #285EA1 |

## Facts

- Closest name: Neptune Blue
- Hue family: Blue, deep dark blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.55:1
- Contrast with black: 3.21:1

## Tints

#285ea1, #3e6eab, #537eb5, #688dbf, #7d9dc8, #92add2, #a7bddb, #bccee4, #d2deed, #e9eef6

## Shades

#285ea1, #21518b, #1b4476, #153762, #0f2b4e, #091f3c, #04142a, #020a19, #010309, #000001

## Tones

#285ea1, #2f5f9a, #365f94, #3c5f8d, #415f87, #465f80, #4b5f79, #505f73, #555f6c, #595e65

## Harmonies

- Complementary: #285ea1, #845100
- Split: #285ea1, #944316, #686000
- Analogous: #285ea1, #00698e, #59519f
- Triadic: #285ea1, #963b47, #3c6c1c
- Tetradic: #285ea1, #78458c, #845100, #3c6c1c
- Square: #285ea1, #8c3d6d, #845100, #00724d
- Monochromatic: #285ea1, #001957, #003b7b, #4b82c8, #6fa7f0

## Questions about #285ea1

### What color is #285ea1?

#285ea1 is deep dark blue. The closest named color is Neptune Blue. In RGB it is rgb(40, 94, 161), in HSL hsl(213.22, 60.2%, 39.41%) and in OKLCH oklch(48.102% 0.12223 255.426).

### What colors go well with #285ea1?

The complementary color of #285ea1 is #845100. For a calmer combination use the analogous colors #00698e and #59519f. The triadic partners are #963b47 and #3c6c1c.

### Is white or black text more readable on #285ea1?

White text reads better on #285ea1: white gives a contrast ratio of 6.55:1 and black gives 3.21:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #285ea1 a warm or cool color?

#285ea1 is a cool color. In OKLCH its hue is 255 degrees, its lightness 48.1% and its chroma 0.122.