# #557d8d color: Technical Blue

#557d8d is rgb(85, 125, 141) in RGB and oklch(56.621% 0.0509 224.939) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/557d8d

## Formats

| Format | Value |
| --- | --- |
| HEX | #557d8d |
| RGB | rgb(85, 125, 141) |
| HSL | hsl(197.14, 24.78%, 44.31%) |
| HSB / HSV | hsv(197.14 39.72% 55.29%) |
| HWB | hwb(197.14 33.33% 44.71%) |
| CMYK | cmyk(40% 11% 0% 45%) |
| Lab | lab(49.9 -11.21 -13.4) |
| LCH | lch(49.9 17.47 230.08) |
| OKLab | oklab(56.621% -0.03603 -0.03595) |
| OKLCH | oklch(56.621% 0.0509 224.939) |
| Display P3 | color(display-p3 0.36735 0.48597 0.54581) |
| Rec. 2020 | color(rec2020 0.34872 0.43097 0.4983) |
| Adobe RGB | color(a98-rgb 0.38618 0.48655 0.5456) |
| ProPhoto RGB | color(prophoto-rgb 0.35271 0.4039 0.46926) |
| Linear sRGB | color(srgb-linear 0.09084 0.20508 0.26636) |
| XYZ D65 | color(xyz-d65 0.15887 0.18521 0.27938) |
| XYZ D50 | color(xyz-d50 0.15671 0.18338 0.21138) |
| SwiftUI | Color(red: 0.333, green: 0.49, blue: 0.553) |
| UIKit | UIColor(red: 0.333, green: 0.49, blue: 0.553, alpha: 1) |
| Flutter / Compose | Color(0xFF557D8D) |
| Android XML | #557D8D |

## Facts

- Closest name: Technical Blue
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.46:1
- Contrast with black: 4.7:1

## Tints

#557d8d, #658998, #7696a3, #86a2ae, #97afb9, #a8bcc5, #b9c9d0, #cad7dc, #dce4e7, #edf1f3

## Shades

#557d8d, #496c7a, #3d5b67, #314b55, #263b44, #1c2c33, #111e23, #081114, #020507, #000101

## Tones

#557d8d, #597c8b, #5d7c89, #607b86, #647a84, #677a82, #6a797f, #6d787d, #70787b, #737778

## Harmonies

- Complementary: #557d8d, #906d5e
- Split: #557d8d, #926a6d, #887255
- Analogous: #557d8d, #51807f, #627894
- Triadic: #557d8d, #8d6a7d, #7a7855
- Tetradic: #557d8d, #737294, #906d5e, #7a7855
- Square: #557d8d, #826e8b, #906d5e, #6a7d5f
- Monochromatic: #557d8d, #113a48, #335a6a, #78a1b2, #9dc7d9

## Questions about #557d8d

### What color is #557d8d?

#557d8d is dusty sky blue. The closest named color is Technical Blue. In RGB it is rgb(85, 125, 141), in HSL hsl(197.14, 24.78%, 44.31%) and in OKLCH oklch(56.621% 0.0509 224.939).

### What colors go well with #557d8d?

The complementary color of #557d8d is #906d5e. For a calmer combination use the analogous colors #51807f and #627894. The triadic partners are #8d6a7d and #7a7855.

### Is white or black text more readable on #557d8d?

White text reads better on #557d8d: white gives a contrast ratio of 4.46:1 and black gives 4.7:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #557d8d a warm or cool color?

#557d8d is a cool color. In OKLCH its hue is 225 degrees, its lightness 56.6% and its chroma 0.051.