# #33475d color: Compass Blue

#33475d is rgb(51, 71, 93) in RGB and oklch(39.08% 0.0453 251.365) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/33475d

## Formats

| Format | Value |
| --- | --- |
| HEX | #33475d |
| RGB | rgb(51, 71, 93) |
| HSL | hsl(211.43, 29.17%, 28.24%) |
| HSB / HSV | hsv(211.43 45.16% 36.47%) |
| HWB | hwb(211.43 20% 63.53%) |
| CMYK | cmyk(45% 24% 0% 64%) |
| Lab | lab(29.2 -3.12 -15.73) |
| LCH | lch(29.2 16.03 258.79) |
| OKLab | oklab(39.08% -0.01448 -0.04292) |
| OKLCH | oklch(39.08% 0.0453 251.365) |
| Display P3 | color(display-p3 0.2163 0.27623 0.35715) |
| Rec. 2020 | color(rec2020 0.17641 0.21404 0.2979) |
| Adobe RGB | color(a98-rgb 0.23562 0.2845 0.3628) |
| ProPhoto RGB | color(prophoto-rgb 0.19701 0.21216 0.28242) |
| Linear sRGB | color(srgb-linear 0.0331 0.06301 0.10946) |
| XYZ D65 | color(xyz-d65 0.05594 0.06 0.1122) |
| XYZ D50 | color(xyz-d50 0.05437 0.05917 0.08474) |
| SwiftUI | Color(red: 0.2, green: 0.278, blue: 0.365) |
| UIKit | UIColor(red: 0.2, green: 0.278, blue: 0.365, alpha: 1) |
| Flutter / Compose | Color(0xFF33475D) |
| Android XML | #33475D |

## Facts

- Closest name: Compass Blue
- Hue family: Blue, soft dark blue
- Closest Tailwind class: slate-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 9.54:1
- Contrast with black: 2.2:1

## Tints

#33475d, #45586c, #58697b, #6b7a8b, #7f8c9b, #939eab, #a8b1bb, #bdc4cc, #d3d7dd, #e9ebee

## Shades

#33475d, #2b3d50, #233243, #1c2837, #141f2a, #0d161f, #070d14, #03060a, #010203, #000000

## Tones

#33475d, #35475b, #374758, #394756, #3b4654, #3c4651, #3e464f, #40464c, #42464a, #434548

## Harmonies

- Complementary: #33475d, #55412a
- Split: #33475d, #5a3d32, #4a4629
- Analogous: #33475d, #284b56, #41425d
- Triadic: #33475d, #5b3b3f, #3c4a31
- Tetradic: #33475d, #4d3e57, #55412a, #3c4a31
- Square: #33475d, #563c4c, #55412a, #2e4d3d
- Monochromatic: #33475d, #000b1d, #15283c, #536880, #768ca5

## Questions about #33475d

### What color is #33475d?

#33475d is soft dark blue. The closest named color is Compass Blue. In RGB it is rgb(51, 71, 93), in HSL hsl(211.43, 29.17%, 28.24%) and in OKLCH oklch(39.08% 0.0453 251.365).

### What colors go well with #33475d?

The complementary color of #33475d is #55412a. For a calmer combination use the analogous colors #284b56 and #41425d. The triadic partners are #5b3b3f and #3c4a31.

### Is white or black text more readable on #33475d?

White text reads better on #33475d: white gives a contrast ratio of 9.54:1 and black gives 2.2:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #33475d a warm or cool color?

#33475d is a cool color. In OKLCH its hue is 251 degrees, its lightness 39.1% and its chroma 0.045.