# #56a3bc color: Surgical

#56a3bc is rgb(86, 163, 188) in RGB and oklch(67.591% 0.08437 221.479) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/56a3bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #56a3bc |
| RGB | rgb(86, 163, 188) |
| HSL | hsl(194.71, 43.22%, 53.73%) |
| HSB / HSV | hsv(194.71 54.26% 73.73%) |
| HWB | hwb(194.71 33.73% 26.27%) |
| CMYK | cmyk(54% 13% 0% 26%) |
| Lab | lab(62.82 -19.41 -20.68) |
| LCH | lch(62.82 28.37 226.81) |
| OKLab | oklab(67.591% -0.06321 -0.05588) |
| OKLCH | oklch(67.591% 0.08437 221.479) |
| Display P3 | color(display-p3 0.41217 0.632 0.72606) |
| Rec. 2020 | color(rec2020 0.43444 0.58516 0.69385) |
| Adobe RGB | color(a98-rgb 0.44782 0.63336 0.72784) |
| ProPhoto RGB | color(prophoto-rgb 0.45346 0.55207 0.66506) |
| Linear sRGB | color(srgb-linear 0.09306 0.36625 0.50289) |
| XYZ D65 | color(xyz-d65 0.2601 0.31802 0.52346) |
| XYZ D50 | color(xyz-d50 0.25359 0.31375 0.39596) |
| SwiftUI | Color(red: 0.337, green: 0.639, blue: 0.737) |
| UIKit | UIColor(red: 0.337, green: 0.639, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF56A3BC) |
| Android XML | #56A3BC |

## 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.85:1
- Contrast with black: 7.36:1

## Tints

#56a3bc, #69acc3, #7ab5c9, #8bbed0, #9cc8d7, #add1de, #bddae4, #cee3eb, #deecf2, #eff6f8

## Shades

#56a3bc, #4a8da3, #3e788b, #326373, #274f5d, #1c3c47, #122a32, #08191f, #020a0d, #000102

## Tones

#56a3bc, #5fa2b8, #66a1b5, #6ea0b1, #749fad, #7b9daa, #819ca6, #879ba2, #8c9a9e, #92989b

## Harmonies

- Complementary: #56a3bc, #c4866e
- Split: #56a3bc, #c5818a, #b88e5b
- Analogous: #56a3bc, #50a8a4, #709bca
- Triadic: #56a3bc, #bb82a6, #a2995a
- Tetradic: #56a3bc, #8e91ca, #c4866e, #a2995a
- Square: #56a3bc, #a888bd, #c4866e, #84a26b
- Monochromatic: #56a3bc, #005b72, #2e7e96, #7cc9e3, #a3f1ff

## Questions about #56a3bc

### What color is #56a3bc?

#56a3bc is soft sky blue. The closest named color is Surgical. In RGB it is rgb(86, 163, 188), in HSL hsl(194.71, 43.22%, 53.73%) and in OKLCH oklch(67.591% 0.08437 221.479).

### What colors go well with #56a3bc?

The complementary color of #56a3bc is #c4866e. For a calmer combination use the analogous colors #50a8a4 and #709bca. The triadic partners are #bb82a6 and #a2995a.

### Is white or black text more readable on #56a3bc?

Black text reads better on #56a3bc: white gives a contrast ratio of 2.85:1 and black gives 7.36:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #56a3bc a warm or cool color?

#56a3bc is a cool color. In OKLCH its hue is 221 degrees, its lightness 67.6% and its chroma 0.084.