# #315ea3 color: Neptune Blue

#315ea3 is rgb(49, 94, 163) in RGB and oklch(48.588% 0.12181 258.748) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/315ea3

## Formats

| Format | Value |
| --- | --- |
| HEX | #315ea3 |
| RGB | rgb(49, 94, 163) |
| HSL | hsl(216.32, 53.77%, 41.57%) |
| HSB / HSV | hsv(216.32 69.94% 63.92%) |
| HWB | hwb(216.32 19.22% 36.08%) |
| CMYK | cmyk(70% 42% 0% 36%) |
| Lab | lab(39.46 2.64 -42.68) |
| LCH | lch(39.46 42.76 273.54) |
| OKLab | oklab(48.588% -0.02377 -0.11947) |
| OKLCH | oklch(48.588% 0.12181 258.748) |
| Display P3 | color(display-p3 0.23515 0.36435 0.61977) |
| Rec. 2020 | color(rec2020 0.23713 0.30652 0.57576) |
| Adobe RGB | color(a98-rgb 0.26489 0.36945 0.62506) |
| ProPhoto RGB | color(prophoto-rgb 0.28544 0.29502 0.54075) |
| Linear sRGB | color(srgb-linear 0.03071 0.11193 0.36625) |
| XYZ D65 | color(xyz-d65 0.11879 0.11302 0.36207) |
| XYZ D50 | color(xyz-d50 0.10891 0.10928 0.27283) |
| SwiftUI | Color(red: 0.192, green: 0.369, blue: 0.639) |
| UIKit | UIColor(red: 0.192, green: 0.369, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF315EA3) |
| Android XML | #315EA3 |

## Facts

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

## Tints

#315ea3, #456ead, #597eb7, #6c8dc0, #809dc9, #95add3, #a9bddc, #becee5, #d4deee, #e9eef6

## Shades

#315ea3, #29518d, #224478, #1a3763, #132b4f, #0c1f3c, #06142a, #030a19, #01030a, #000001

## Tones

#315ea3, #375f9c, #3c5f96, #41608f, #466089, #4a6082, #4f607b, #536074, #57606d, #5b6066

## Harmonies

- Complementary: #315ea3, #835500
- Split: #315ea3, #944611, #666300
- Analogous: #315ea3, #006a94, #5e519f
- Triadic: #315ea3, #983d43, #376f25
- Tetradic: #315ea3, #7c468b, #835500, #376f25
- Square: #315ea3, #8f3e6a, #835500, #007453
- Monochromatic: #315ea3, #001959, #0e3b7d, #5382ca, #77a7f2

## Questions about #315ea3

### What color is #315ea3?

#315ea3 is soft dark blue. The closest named color is Neptune Blue. In RGB it is rgb(49, 94, 163), in HSL hsl(216.32, 53.77%, 41.57%) and in OKLCH oklch(48.588% 0.12181 258.748).

### What colors go well with #315ea3?

The complementary color of #315ea3 is #835500. For a calmer combination use the analogous colors #006a94 and #5e519f. The triadic partners are #983d43 and #376f25.

### Is white or black text more readable on #315ea3?

White text reads better on #315ea3: white gives a contrast ratio of 6.44:1 and black gives 3.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #315ea3 a warm or cool color?

#315ea3 is a cool color. In OKLCH its hue is 259 degrees, its lightness 48.6% and its chroma 0.122.