# #2e5482 color: St. Tropez

#2e5482 is rgb(46, 84, 130) in RGB and oklch(44.041% 0.08789 254.272) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2e5482 |
| RGB | rgb(46, 84, 130) |
| HSL | hsl(212.86, 47.73%, 34.51%) |
| HSB / HSV | hsv(212.86 64.62% 50.98%) |
| HWB | hwb(212.86 18.04% 49.02%) |
| CMYK | cmyk(65% 35% 0% 49%) |
| Lab | lab(34.63 -2.01 -30.45) |
| LCH | lch(34.63 30.52 266.22) |
| OKLab | oklab(44.041% -0.02382 -0.0846) |
| OKLCH | oklch(44.041% 0.08789 254.272) |
| Display P3 | color(display-p3 0.2157 0.32571 0.49576) |
| Rec. 2020 | color(rec2020 0.20118 0.26505 0.44321) |
| Adobe RGB | color(a98-rgb 0.24361 0.33229 0.49993) |
| ProPhoto RGB | color(prophoto-rgb 0.23735 0.25657 0.41359) |
| Linear sRGB | color(srgb-linear 0.02732 0.08866 0.22323) |
| XYZ D65 | color(xyz-d65 0.08326 0.08533 0.22328) |
| XYZ D50 | color(xyz-d50 0.078 0.08317 0.16839) |
| SwiftUI | Color(red: 0.18, green: 0.329, blue: 0.51) |
| UIKit | UIColor(red: 0.18, green: 0.329, blue: 0.51, alpha: 1) |
| Flutter / Compose | Color(0xFF2E5482) |
| Android XML | #2E5482 |

## Facts

- Closest name: St. Tropez
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.76:1
- Contrast with black: 2.71:1

## Tints

#2e5482, #42648e, #55749b, #6985a7, #7e96b4, #92a7c0, #a7b8cd, #bdc9d9, #d2dbe6, #e9edf2

## Shades

#2e5482, #274870, #1f3c5f, #18314e, #12263e, #0b1b2f, #061120, #020812, #010206, #000001

## Tones

#2e5482, #32547d, #375479, #3b5474, #3e5470, #42546b, #455466, #495461, #4c535c, #4f5358

## Harmonies

- Complementary: #2e5482, #6f4a0b
- Split: #2e5482, #7a4127, #5b550b
- Analogous: #2e5482, #005c76, #4d4b81
- Triadic: #2e5482, #7c3c43, #3d5d28
- Tetradic: #2e5482, #644374, #6f4a0b, #3d5d28
- Square: #2e5482, #743d5e, #6f4a0b, #0f6246
- Monochromatic: #2e5482, #00133c, #0c335e, #4f77a7, #729bce

## Questions about #2e5482

### What color is #2e5482?

#2e5482 is soft dark blue. The closest named color is St. Tropez. In RGB it is rgb(46, 84, 130), in HSL hsl(212.86, 47.73%, 34.51%) and in OKLCH oklch(44.041% 0.08789 254.272).

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

The complementary color of #2e5482 is #6f4a0b. For a calmer combination use the analogous colors #005c76 and #4d4b81. The triadic partners are #7c3c43 and #3d5d28.

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

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

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

#2e5482 is a cool color. In OKLCH its hue is 254 degrees, its lightness 44% and its chroma 0.088.