# #677b86 color: Passageway

#677b86 is rgb(103, 123, 134) in RGB and oklch(57.071% 0.02898 232.024) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/677b86

## Formats

| Format | Value |
| --- | --- |
| HEX | #677b86 |
| RGB | rgb(103, 123, 134) |
| HSL | hsl(201.29, 13.08%, 46.47%) |
| HSB / HSV | hsv(201.29 23.13% 52.55%) |
| HWB | hwb(201.29 40.39% 47.45%) |
| CMYK | cmyk(23% 8% 0% 47%) |
| Lab | lab(50.29 -5.62 -8.59) |
| LCH | lch(50.29 10.26 236.78) |
| OKLab | oklab(57.071% -0.01783 -0.02285) |
| OKLCH | oklch(57.071% 0.02898 232.024) |
| Display P3 | color(display-p3 0.41919 0.48 0.52072) |
| Rec. 2020 | color(rec2020 0.38349 0.42653 0.47161) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.51937) |
| ProPhoto RGB | color(prophoto-rgb 0.3745 0.40102 0.44403) |
| Linear sRGB | color(srgb-linear 0.13563 0.19807 0.2384) |
| XYZ D65 | color(xyz-d65 0.16979 0.1877 0.25284) |
| XYZ D50 | color(xyz-d50 0.16954 0.18662 0.19136) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.525) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFF677B86) |
| Android XML | #677B86 |

## Facts

- Closest name: Passageway
- Hue family: Sky blue, dusty sky blue
- Closest Tailwind class: mist-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.42:1
- Contrast with black: 4.75:1

## Tints

#677b86, #758791, #84949d, #92a1a9, #a1aeb5, #b0bbc1, #c0c8cd, #cfd6d9, #dfe3e6, #eff1f2

## Shades

#677b86, #596a74, #4b5a62, #3d4a51, #303a40, #232c30, #171e21, #0c1013, #040506, #000101

## Tones

#677b86, #697b85, #6a7a83, #6c7a82, #6e7a80, #6f797f, #71797d, #73797c, #74787a, #767879

## Harmonies

- Complementary: #677b86, #867368
- Split: #677b86, #887170, #807665
- Analogous: #677b86, #647d7f, #6e7889
- Triadic: #677b86, #867179, #787a66
- Tetradic: #677b86, #787588, #867368, #787a66
- Square: #677b86, #807282, #867368, #6e7c6c
- Monochromatic: #677b86, #263842, #465963, #8a9fab, #afc5d1

## Questions about #677b86

### What color is #677b86?

#677b86 is dusty sky blue. The closest named color is Passageway. In RGB it is rgb(103, 123, 134), in HSL hsl(201.29, 13.08%, 46.47%) and in OKLCH oklch(57.071% 0.02898 232.024).

### What colors go well with #677b86?

The complementary color of #677b86 is #867368. For a calmer combination use the analogous colors #647d7f and #6e7889. The triadic partners are #867179 and #787a66.

### Is white or black text more readable on #677b86?

White text reads better on #677b86: white gives a contrast ratio of 4.42:1 and black gives 4.75:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #677b86 a warm or cool color?

#677b86 is a cool color. In OKLCH its hue is 232 degrees, its lightness 57.1% and its chroma 0.029.