# #2f5da2 color: Neptune Blue

#2f5da2 is rgb(47, 93, 162) in RGB and oklch(48.209% 0.12231 258.417) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2f5da2

## Formats

| Format | Value |
| --- | --- |
| HEX | #2f5da2 |
| RGB | rgb(47, 93, 162) |
| HSL | hsl(216, 55.02%, 40.98%) |
| HSB / HSV | hsv(216 70.99% 63.53%) |
| HWB | hwb(216 18.43% 36.47%) |
| CMYK | cmyk(71% 43% 0% 36%) |
| Lab | lab(39.02 2.55 -42.8) |
| LCH | lch(39.02 42.87 273.42) |
| OKLab | oklab(48.209% -0.02456 -0.11982) |
| OKLCH | oklch(48.209% 0.12231 258.417) |
| Display P3 | color(display-p3 0.22884 0.36038 0.61587) |
| Rec. 2020 | color(rec2020 0.2319 0.30234 0.57154) |
| Adobe RGB | color(a98-rgb 0.25959 0.36572 0.62118) |
| ProPhoto RGB | color(prophoto-rgb 0.28129 0.29128 0.53655) |
| Linear sRGB | color(srgb-linear 0.02843 0.10946 0.36131) |
| XYZ D65 | color(xyz-d65 0.11607 0.11041 0.35703) |
| XYZ D50 | color(xyz-d50 0.10625 0.1067 0.26903) |
| SwiftUI | Color(red: 0.184, green: 0.365, blue: 0.635) |
| UIKit | UIColor(red: 0.184, green: 0.365, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF2F5DA2) |
| Android XML | #2F5DA2 |

## 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.55:1
- Contrast with black: 3.21:1

## Tints

#2f5da2, #436dac, #577db6, #6b8dbf, #7f9dc9, #94add2, #a9bddb, #becde5, #d3deed, #e9eef6

## Shades

#2f5da2, #27508c, #204377, #193763, #122a4f, #0c1f3c, #06142a, #030a19, #01030a, #000001

## Tones

#2f5da2, #355e9b, #3a5e95, #3f5f8e, #445f88, #495f81, #4d5f7a, #525f73, #565f6c, #5a5e65

## Harmonies

- Complementary: #2f5da2, #825300
- Split: #2f5da2, #93440f, #656200
- Analogous: #2f5da2, #006992, #5d509e
- Triadic: #2f5da2, #973c43, #376e22
- Tetradic: #2f5da2, #7b458a, #825300, #376e22
- Square: #2f5da2, #8e3d6a, #825300, #007351
- Monochromatic: #2f5da2, #001858, #0b3a7c, #5181c9, #75a6f1

## Questions about #2f5da2

### What color is #2f5da2?

#2f5da2 is soft dark blue. The closest named color is Neptune Blue. In RGB it is rgb(47, 93, 162), in HSL hsl(216, 55.02%, 40.98%) and in OKLCH oklch(48.209% 0.12231 258.417).

### What colors go well with #2f5da2?

The complementary color of #2f5da2 is #825300. For a calmer combination use the analogous colors #006992 and #5d509e. The triadic partners are #973c43 and #376e22.

### Is white or black text more readable on #2f5da2?

White text reads better on #2f5da2: 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 #2f5da2 a warm or cool color?

#2f5da2 is a cool color. In OKLCH its hue is 258 degrees, its lightness 48.2% and its chroma 0.122.