# #5ba5bb color: Surgical

#5ba5bb is rgb(91, 165, 187) in RGB and oklch(68.238% 0.08042 219.339) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5ba5bb

## Formats

| Format | Value |
| --- | --- |
| HEX | #5ba5bb |
| RGB | rgb(91, 165, 187) |
| HSL | hsl(193.75, 41.38%, 54.51%) |
| HSB / HSV | hsv(193.75 51.34% 73.33%) |
| HWB | hwb(193.75 35.69% 26.67%) |
| CMYK | cmyk(51% 12% 0% 27%) |
| Lab | lab(63.6 -19.42 -18.93) |
| LCH | lch(63.6 27.12 224.27) |
| OKLab | oklab(68.238% -0.0622 -0.05098) |
| OKLCH | oklch(68.238% 0.08042 219.339) |
| Display P3 | color(display-p3 0.42734 0.64 0.72303) |
| Rec. 2020 | color(rec2020 0.44658 0.59386 0.6907) |
| Adobe RGB | color(a98-rgb 0.46084 0.64117 0.7243) |
| ProPhoto RGB | color(prophoto-rgb 0.46237 0.56069 0.66214) |
| Linear sRGB | color(srgb-linear 0.10462 0.37626 0.49693) |
| XYZ D65 | color(xyz-d65 0.26738 0.32721 0.51922) |
| XYZ D50 | color(xyz-d50 0.26164 0.32314 0.39284) |
| SwiftUI | Color(red: 0.357, green: 0.647, blue: 0.733) |
| UIKit | UIColor(red: 0.357, green: 0.647, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF5BA5BB) |
| Android XML | #5BA5BB |

## Facts

- Closest name: Surgical
- Hue family: Sky blue, soft sky blue
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.78:1
- Contrast with black: 7.54:1

## Tints

#5ba5bb, #6daec2, #7eb7c9, #8ec0cf, #9fc9d6, #afd2dd, #bfdbe4, #cfe4eb, #dfedf1, #eff6f8

## Shades

#5ba5bb, #4e8fa2, #41798a, #356573, #29515c, #1e3d46, #132b32, #091a1f, #030a0d, #000102

## Tones

#5ba5bb, #63a4b8, #6aa3b4, #71a2b1, #78a1ae, #7e9faa, #849ea7, #899da3, #8f9ca0, #949a9c

## Harmonies

- Complementary: #5ba5bb, #c58874
- Split: #5ba5bb, #c5848e, #ba9061
- Analogous: #5ba5bb, #58a9a3, #729dc9
- Triadic: #5ba5bb, #bb86a9, #a59a5f
- Tetradic: #5ba5bb, #8e94ca, #c58874, #a59a5f
- Square: #5ba5bb, #a88bbf, #c58874, #89a36e
- Monochromatic: #5ba5bb, #005d71, #348095, #81cbe2, #a8f3ff

## Questions about #5ba5bb

### What color is #5ba5bb?

#5ba5bb is soft sky blue. The closest named color is Surgical. In RGB it is rgb(91, 165, 187), in HSL hsl(193.75, 41.38%, 54.51%) and in OKLCH oklch(68.238% 0.08042 219.339).

### What colors go well with #5ba5bb?

The complementary color of #5ba5bb is #c58874. For a calmer combination use the analogous colors #58a9a3 and #729dc9. The triadic partners are #bb86a9 and #a59a5f.

### Is white or black text more readable on #5ba5bb?

Black text reads better on #5ba5bb: white gives a contrast ratio of 2.78:1 and black gives 7.54:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5ba5bb a warm or cool color?

#5ba5bb is a cool color. In OKLCH its hue is 219 degrees, its lightness 68.2% and its chroma 0.08.