# #2e5574 color: Heavy Blue

#2e5574 is rgb(46, 85, 116) in RGB and oklch(43.502% 0.06802 244.267) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2e5574 |
| RGB | rgb(46, 85, 116) |
| HSL | hsl(206.57, 43.21%, 31.76%) |
| HSB / HSV | hsv(206.57 60.34% 45.49%) |
| HWB | hwb(206.57 18.04% 54.51%) |
| CMYK | cmyk(60% 27% 0% 55%) |
| Lab | lab(34.35 -6.6 -22.28) |
| LCH | lch(34.35 23.24 253.5) |
| OKLab | oklab(43.502% -0.02953 -0.06127) |
| OKLCH | oklch(43.502% 0.06802 244.267) |
| Display P3 | color(display-p3 0.21685 0.32955 0.44431) |
| Rec. 2020 | color(rec2020 0.19781 0.26782 0.38914) |
| Adobe RGB | color(a98-rgb 0.24515 0.33599 0.44819) |
| ProPhoto RGB | color(prophoto-rgb 0.22642 0.25746 0.36416) |
| Linear sRGB | color(srgb-linear 0.02732 0.09084 0.17465) |
| XYZ D65 | color(xyz-d65 0.07527 0.08338 0.17736) |
| XYZ D50 | color(xyz-d50 0.07189 0.08179 0.13392) |
| SwiftUI | Color(red: 0.18, green: 0.333, blue: 0.455) |
| UIKit | UIColor(red: 0.18, green: 0.333, blue: 0.455, alpha: 1) |
| Flutter / Compose | Color(0xFF2E5574) |
| Android XML | #2E5574 |

## Facts

- Closest name: Heavy Blue
- Hue family: Sky blue, soft dark sky blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.87:1
- Contrast with black: 2.67:1

## Tints

#2e5574, #426581, #56758f, #6a859c, #7e96aa, #93a7b8, #a7b8c6, #bdc9d4, #d3dbe2, #e9edf1

## Shades

#2e5574, #274964, #1f3d54, #183145, #122637, #0b1c29, #06111b, #02080f, #010205, #000001

## Tones

#2e5574, #325571, #36556d, #3a546a, #3e5466, #415463, #45535f, #48535c, #4b5258, #4e5255

## Harmonies

- Complementary: #2e5574, #6b4926
- Split: #2e5574, #724338, #5d5021
- Analogous: #2e5574, #175b68, #464e77
- Triadic: #2e5574, #70414d, #49582c
- Tetradic: #2e5574, #594770, #6b4926, #49582c
- Square: #2e5574, #684360, #6b4926, #305c40
- Monochromatic: #2e5574, #001631, #0b3451, #507898, #739cbe

## Questions about #2e5574

### What color is #2e5574?

#2e5574 is soft dark sky blue. The closest named color is Heavy Blue. In RGB it is rgb(46, 85, 116), in HSL hsl(206.57, 43.21%, 31.76%) and in OKLCH oklch(43.502% 0.06802 244.267).

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

The complementary color of #2e5574 is #6b4926. For a calmer combination use the analogous colors #175b68 and #464e77. The triadic partners are #70414d and #49582c.

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

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

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

#2e5574 is a cool color. In OKLCH its hue is 244 degrees, its lightness 43.5% and its chroma 0.068.