# #2e5575 color: Heavy Blue

#2e5575 is rgb(46, 85, 117) in RGB and oklch(43.555% 0.06929 245.098) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2e5575 |
| RGB | rgb(46, 85, 117) |
| HSL | hsl(207.04, 43.56%, 31.96%) |
| HSB / HSV | hsv(207.04 60.68% 45.88%) |
| HWB | hwb(207.04 18.04% 54.12%) |
| CMYK | cmyk(61% 27% 0% 54%) |
| Lab | lab(34.39 -6.32 -22.84) |
| LCH | lch(34.39 23.69 254.52) |
| OKLab | oklab(43.555% -0.02918 -0.06285) |
| OKLCH | oklch(43.555% 0.06929 245.098) |
| Display P3 | color(display-p3 0.21685 0.32955 0.44798) |
| Rec. 2020 | color(rec2020 0.19816 0.26789 0.393) |
| Adobe RGB | color(a98-rgb 0.24515 0.33599 0.45188) |
| ProPhoto RGB | color(prophoto-rgb 0.22725 0.25761 0.36764) |
| Linear sRGB | color(srgb-linear 0.02732 0.09084 0.17789) |
| XYZ D65 | color(xyz-d65 0.07586 0.08362 0.18044) |
| XYZ D50 | color(xyz-d50 0.07235 0.08199 0.13623) |
| SwiftUI | Color(red: 0.18, green: 0.333, blue: 0.459) |
| UIKit | UIColor(red: 0.18, green: 0.333, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF2E5575) |
| Android XML | #2E5575 |

## 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.86:1
- Contrast with black: 2.67:1

## Tints

#2e5575, #426582, #567590, #6a859d, #7e96ab, #93a7b9, #a7b8c7, #bdc9d4, #d3dbe3, #e9edf1

## Shades

#2e5575, #274965, #1f3d55, #183146, #122637, #0b1c29, #06111c, #02080f, #010205, #000001

## Tones

#2e5575, #325572, #36556e, #3a546b, #3e5467, #415463, #455360, #48535c, #4b5259, #4e5255

## Harmonies

- Complementary: #2e5575, #6b4925
- Split: #2e5575, #724337, #5d5120
- Analogous: #2e5575, #155b69, #464e77
- Triadic: #2e5575, #71404c, #48582c
- Tetradic: #2e5575, #5a4770, #6b4925, #48582c
- Square: #2e5575, #694260, #6b4925, #2f5d40
- Monochromatic: #2e5575, #001632, #0b3452, #507899, #739cbf

## Questions about #2e5575

### What color is #2e5575?

#2e5575 is soft dark sky blue. The closest named color is Heavy Blue. In RGB it is rgb(46, 85, 117), in HSL hsl(207.04, 43.56%, 31.96%) and in OKLCH oklch(43.555% 0.06929 245.098).

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

The complementary color of #2e5575 is #6b4925. For a calmer combination use the analogous colors #155b69 and #464e77. The triadic partners are #71404c and #48582c.

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

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

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

#2e5575 is a cool color. In OKLCH its hue is 245 degrees, its lightness 43.6% and its chroma 0.069.