# #3d587d color: Star Spangled

#3d587d is rgb(61, 88, 125) in RGB and oklch(45.558% 0.0691 256.463) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3d587d

## Formats

| Format | Value |
| --- | --- |
| HEX | #3d587d |
| RGB | rgb(61, 88, 125) |
| HSL | hsl(214.69, 34.41%, 36.47%) |
| HSB / HSV | hsv(214.69 51.2% 49.02%) |
| HWB | hwb(214.69 23.92% 50.98%) |
| CMYK | cmyk(51% 30% 0% 51%) |
| Lab | lab(36.51 -1.86 -24.39) |
| LCH | lch(36.51 24.46 265.65) |
| OKLab | oklab(45.558% -0.01618 -0.06718) |
| OKLCH | oklch(45.558% 0.0691 256.463) |
| Display P3 | color(display-p3 0.26175 0.3422 0.4784) |
| Rec. 2020 | color(rec2020 0.23354 0.28237 0.42507) |
| Adobe RGB | color(a98-rgb 0.2807 0.34711 0.48175) |
| ProPhoto RGB | color(prophoto-rgb 0.25547 0.2714 0.39719) |
| Linear sRGB | color(srgb-linear 0.04667 0.09759 0.20508) |
| XYZ D65 | color(xyz-d65 0.09115 0.09452 0.20747) |
| XYZ D50 | color(xyz-d50 0.08728 0.09277 0.15657) |
| SwiftUI | Color(red: 0.239, green: 0.345, blue: 0.49) |
| UIKit | UIColor(red: 0.239, green: 0.345, blue: 0.49, alpha: 1) |
| Flutter / Compose | Color(0xFF3D587D) |
| Android XML | #3D587D |

## Facts

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

## Tints

#3d587d, #4f688a, #617796, #7387a3, #8698b0, #99a8bd, #adb9ca, #c1cad7, #d5dce4, #eaedf2

## Shades

#3d587d, #344b6c, #2b3f5b, #22334b, #1a283b, #121d2c, #0a121e, #040911, #010305, #000001

## Tones

#3d587d, #405879, #435876, #455872, #48586e, #4a586a, #4d5866, #4f5763, #52575f, #54575b

## Harmonies

- Complementary: #3d587d, #6d5127
- Split: #3d587d, #774a35, #5c5929
- Analogous: #3d587d, #255e74, #54517c
- Triadic: #3d587d, #794649, #456039
- Tetradic: #3d587d, #664b71, #6d5127, #456039
- Square: #3d587d, #73475f, #6d5127, #2b634e
- Monochromatic: #3d587d, #021938, #1e375a, #5e7ba2, #819fc8

## Questions about #3d587d

### What color is #3d587d?

#3d587d is dusty dark blue. The closest named color is Star Spangled. In RGB it is rgb(61, 88, 125), in HSL hsl(214.69, 34.41%, 36.47%) and in OKLCH oklch(45.558% 0.0691 256.463).

### What colors go well with #3d587d?

The complementary color of #3d587d is #6d5127. For a calmer combination use the analogous colors #255e74 and #54517c. The triadic partners are #794649 and #456039.

### Is white or black text more readable on #3d587d?

White text reads better on #3d587d: white gives a contrast ratio of 7.27:1 and black gives 2.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3d587d a warm or cool color?

#3d587d is a cool color. In OKLCH its hue is 256 degrees, its lightness 45.6% and its chroma 0.069.