# #2b5ea2 color: Neptune Blue

#2b5ea2 is rgb(43, 94, 162) in RGB and oklch(48.278% 0.12257 256.569) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2b5ea2 |
| RGB | rgb(43, 94, 162) |
| HSL | hsl(214.29, 58.05%, 40.2%) |
| HSB / HSV | hsv(214.29 73.46% 63.53%) |
| HWB | hwb(214.29 16.86% 36.47%) |
| CMYK | cmyk(73% 42% 0% 36%) |
| Lab | lab(39.16 1.26 -42.58) |
| LCH | lch(39.16 42.6 271.7) |
| OKLab | oklab(48.278% -0.02847 -0.11922) |
| OKLCH | oklch(48.278% 0.12257 256.569) |
| Display P3 | color(display-p3 0.22017 0.364 0.61596) |
| Rec. 2020 | color(rec2020 0.22787 0.30567 0.57167) |
| Adobe RGB | color(a98-rgb 0.25414 0.36945 0.62126) |
| ProPhoto RGB | color(prophoto-rgb 0.27907 0.29386 0.53675) |
| Linear sRGB | color(srgb-linear 0.02416 0.11193 0.36131) |
| XYZ D65 | color(xyz-d65 0.1152 0.11127 0.35724) |
| XYZ D50 | color(xyz-d50 0.10534 0.10752 0.26921) |
| SwiftUI | Color(red: 0.169, green: 0.369, blue: 0.635) |
| UIKit | UIColor(red: 0.169, green: 0.369, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF2B5EA2) |
| Android XML | #2B5EA2 |

## 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.51:1
- Contrast with black: 3.23:1

## Tints

#2b5ea2, #406eac, #557eb6, #698dbf, #7e9dc9, #93add2, #a8bddb, #bdcee5, #d3deed, #e9eef6

## Shades

#2b5ea2, #24518c, #1d4477, #163763, #102b4f, #0a1f3c, #05142a, #020a19, #01030a, #000001

## Tones

#2b5ea2, #325f9b, #385f95, #3d5f8e, #436088, #486081, #4c607a, #515f73, #565f6c, #5a5f65

## Harmonies

- Complementary: #2b5ea2, #845300
- Split: #2b5ea2, #944414, #686200
- Analogous: #2b5ea2, #006a90, #5b519f
- Triadic: #2b5ea2, #973c45, #3a6d1f
- Tetradic: #2b5ea2, #79458c, #845300, #3a6d1f
- Square: #2b5ea2, #8e3d6c, #845300, #00734f
- Monochromatic: #2b5ea2, #001958, #043b7c, #4e82c9, #72a7f1

## Questions about #2b5ea2

### What color is #2b5ea2?

#2b5ea2 is deep dark blue. The closest named color is Neptune Blue. In RGB it is rgb(43, 94, 162), in HSL hsl(214.29, 58.05%, 40.2%) and in OKLCH oklch(48.278% 0.12257 256.569).

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

The complementary color of #2b5ea2 is #845300. For a calmer combination use the analogous colors #006a90 and #5b519f. The triadic partners are #973c45 and #3a6d1f.

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

White text reads better on #2b5ea2: white gives a contrast ratio of 6.51:1 and black gives 3.23:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2b5ea2 a warm or cool color?

#2b5ea2 is a cool color. In OKLCH its hue is 257 degrees, its lightness 48.3% and its chroma 0.123.