# #33537f color: St. Tropez

#33537f is rgb(51, 83, 127) in RGB and oklch(43.883% 0.08235 256.643) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/33537f

## Formats

| Format | Value |
| --- | --- |
| HEX | #33537f |
| RGB | rgb(51, 83, 127) |
| HSL | hsl(214.74, 42.7%, 34.9%) |
| HSB / HSV | hsv(214.74 59.84% 49.8%) |
| HWB | hwb(214.74 20% 50.2%) |
| CMYK | cmyk(60% 35% 0% 50%) |
| Lab | lab(34.45 -1.09 -28.89) |
| LCH | lch(34.45 28.91 267.84) |
| OKLab | oklab(43.883% -0.01902 -0.08012) |
| OKLCH | oklch(43.883% 0.08235 256.643) |
| Display P3 | color(display-p3 0.22821 0.32222 0.48461) |
| Rec. 2020 | color(rec2020 0.20701 0.26178 0.43139) |
| Adobe RGB | color(a98-rgb 0.25214 0.32859 0.48867) |
| ProPhoto RGB | color(prophoto-rgb 0.23876 0.25388 0.40258) |
| Linear sRGB | color(srgb-linear 0.0331 0.0865 0.21223) |
| XYZ D65 | color(xyz-d65 0.08289 0.08422 0.21268) |
| XYZ D50 | color(xyz-d50 0.07812 0.08224 0.16041) |
| SwiftUI | Color(red: 0.2, green: 0.325, blue: 0.498) |
| UIKit | UIColor(red: 0.2, green: 0.325, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFF33537F) |
| Android XML | #33537F |

## 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.82:1
- Contrast with black: 2.68:1

## Tints

#33537f, #46638c, #597398, #6c84a5, #8095b2, #94a6bf, #a9b7cb, #bec9d8, #d3dbe5, #e9edf2

## Shades

#33537f, #2b476e, #233b5d, #1c304c, #14253c, #0d1b2d, #07111f, #030811, #010206, #000001

## Tones

#33537f, #37537b, #3a5376, #3d5372, #40536d, #445369, #475365, #4a5360, #4c535b, #4f5257

## Harmonies

- Complementary: #33537f, #6c4b13
- Split: #33537f, #774328, #585516
- Analogous: #33537f, #065b75, #4f4a7d
- Triadic: #33537f, #793e42, #3c5c2d
- Tetradic: #33537f, #644370, #6c4b13, #3c5c2d
- Square: #33537f, #723e5b, #6c4b13, #146048
- Monochromatic: #33537f, #00133a, #13325b, #5476a4, #779acb

## Questions about #33537f

### What color is #33537f?

#33537f is soft dark blue. The closest named color is St. Tropez. In RGB it is rgb(51, 83, 127), in HSL hsl(214.74, 42.7%, 34.9%) and in OKLCH oklch(43.883% 0.08235 256.643).

### What colors go well with #33537f?

The complementary color of #33537f is #6c4b13. For a calmer combination use the analogous colors #065b75 and #4f4a7d. The triadic partners are #793e42 and #3c5c2d.

### Is white or black text more readable on #33537f?

White text reads better on #33537f: white gives a contrast ratio of 7.82:1 and black gives 2.68:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #33537f a warm or cool color?

#33537f is a cool color. In OKLCH its hue is 257 degrees, its lightness 43.9% and its chroma 0.082.