# #305484 color: St. Tropez

#305484 is rgb(48, 84, 132) in RGB and oklch(44.26% 0.08982 256.14) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/305484

## Formats

| Format | Value |
| --- | --- |
| HEX | #305484 |
| RGB | rgb(48, 84, 132) |
| HSL | hsl(214.29, 46.67%, 35.29%) |
| HSB / HSV | hsv(214.29 63.64% 51.76%) |
| HWB | hwb(214.29 18.82% 48.24%) |
| CMYK | cmyk(64% 36% 0% 48%) |
| Lab | lab(34.83 -0.97 -31.36) |
| LCH | lch(34.83 31.38 268.24) |
| OKLab | oklab(44.26% -0.02152 -0.08721) |
| OKLCH | oklch(44.26% 0.08982 256.14) |
| Display P3 | color(display-p3 0.22106 0.32584 0.5032) |
| Rec. 2020 | color(rec2020 0.20532 0.26551 0.45107) |
| Adobe RGB | color(a98-rgb 0.24753 0.33229 0.50739) |
| ProPhoto RGB | color(prophoto-rgb 0.24125 0.25728 0.4209) |
| Linear sRGB | color(srgb-linear 0.02956 0.08866 0.23074) |
| XYZ D65 | color(xyz-d65 0.08553 0.08635 0.23046) |
| XYZ D50 | color(xyz-d50 0.08005 0.08412 0.17379) |
| SwiftUI | Color(red: 0.188, green: 0.329, blue: 0.518) |
| UIKit | UIColor(red: 0.188, green: 0.329, blue: 0.518, alpha: 1) |
| Flutter / Compose | Color(0xFF305484) |
| Android XML | #305484 |

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

## Tints

#305484, #436490, #57749d, #6a85a9, #7f96b5, #93a7c1, #a8b8ce, #bdc9da, #d3dbe6, #e9edf3

## Shades

#305484, #284872, #213c60, #1a314f, #13263f, #0c1b2f, #061120, #030812, #010206, #000001

## Tones

#305484, #34547f, #38547b, #3c5476, #3f5471, #43546c, #465467, #4a5462, #4d545d, #505458

## Harmonies

- Complementary: #305484, #6f4b07
- Split: #305484, #7b4225, #5a560a
- Analogous: #305484, #005c79, #504b82
- Triadic: #305484, #7d3c42, #3b5e29
- Tetradic: #305484, #674374, #6f4b07, #3b5e29
- Square: #305484, #763d5e, #6f4b07, #066348
- Monochromatic: #305484, #00133e, #0f3360, #5177a9, #749bd0

## Questions about #305484

### What color is #305484?

#305484 is soft dark blue. The closest named color is St. Tropez. In RGB it is rgb(48, 84, 132), in HSL hsl(214.29, 46.67%, 35.29%) and in OKLCH oklch(44.26% 0.08982 256.14).

### What colors go well with #305484?

The complementary color of #305484 is #6f4b07. For a calmer combination use the analogous colors #005c79 and #504b82. The triadic partners are #7d3c42 and #3b5e29.

### Is white or black text more readable on #305484?

White text reads better on #305484: white gives a contrast ratio of 7.7:1 and black gives 2.73:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #305484 a warm or cool color?

#305484 is a cool color. In OKLCH its hue is 256 degrees, its lightness 44.3% and its chroma 0.09.