# #45567d color: Sailor

#45567d is rgb(69, 86, 125) in RGB and oklch(45.619% 0.06755 265.767) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #45567d |
| RGB | rgb(69, 86, 125) |
| HSL | hsl(221.79, 28.87%, 38.04%) |
| HSB / HSV | hsv(221.79 44.8% 49.02%) |
| HWB | hwb(221.79 27.06% 50.98%) |
| CMYK | cmyk(45% 31% 0% 51%) |
| Lab | lab(36.44 1.72 -24.45) |
| LCH | lch(36.44 24.51 274.02) |
| OKLab | oklab(45.619% -0.00499 -0.06737) |
| OKLCH | oklch(45.619% 0.06755 265.767) |
| Display P3 | color(display-p3 0.28379 0.33529 0.47828) |
| Rec. 2020 | color(rec2020 0.24719 0.27641 0.42484) |
| Adobe RGB | color(a98-rgb 0.29663 0.33969 0.48154) |
| ProPhoto RGB | color(prophoto-rgb 0.26413 0.26712 0.39682) |
| Linear sRGB | color(srgb-linear 0.05951 0.09306 0.20508) |
| XYZ D65 | color(xyz-d65 0.09483 0.09401 0.20718) |
| XYZ D50 | color(xyz-d50 0.09113 0.09239 0.15631) |
| SwiftUI | Color(red: 0.271, green: 0.337, blue: 0.49) |
| UIKit | UIColor(red: 0.271, green: 0.337, blue: 0.49, alpha: 1) |
| Flutter / Compose | Color(0xFF45567D) |
| Android XML | #45567D |

## Facts

- Closest name: Sailor
- Hue family: Blue, dusty dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.29:1
- Contrast with black: 2.88:1

## Tints

#45567d, #56668a, #677696, #7886a3, #8b96b0, #9da7bd, #b0b8ca, #c3cad7, #d7dbe4, #ebedf2

## Shades

#45567d, #3b4a6c, #313e5b, #27324b, #1e273b, #151c2c, #0c121e, #050811, #020205, #000001

## Tones

#45567d, #475679, #495676, #4a5772, #4c576e, #4e576a, #505767, #525763, #53575f, #55575b

## Harmonies

- Complementary: #45567d, #685427
- Split: #45567d, #744d31, #555c2e
- Analogous: #45567d, #2e5d78, #5a4f79
- Triadic: #45567d, #784843, #3e6140
- Tetradic: #45567d, #6b4a6b, #685427, #3e6140
- Square: #45567d, #754758, #685427, #266355
- Monochromatic: #45567d, #0b1738, #26355a, #6679a2, #899dc8

## Questions about #45567d

### What color is #45567d?

#45567d is dusty dark blue. The closest named color is Sailor. In RGB it is rgb(69, 86, 125), in HSL hsl(221.79, 28.87%, 38.04%) and in OKLCH oklch(45.619% 0.06755 265.767).

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

The complementary color of #45567d is #685427. For a calmer combination use the analogous colors #2e5d78 and #5a4f79. The triadic partners are #784843 and #3e6140.

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

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

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

#45567d is a cool color. In OKLCH its hue is 266 degrees, its lightness 45.6% and its chroma 0.068.