# #677bc9 color: Soft indigo

#677bc9 is rgb(103, 123, 201) in RGB and oklch(60.198% 0.12116 271.486) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677bc9 |
| RGB | rgb(103, 123, 201) |
| HSL | hsl(227.76, 47.57%, 59.61%) |
| HSB / HSV | hsv(227.76 48.76% 78.82%) |
| HWB | hwb(227.76 40.39% 21.18%) |
| CMYK | cmyk(49% 39% 0% 21%) |
| Lab | lab(52.68 9.01 -43.55) |
| LCH | lch(52.68 44.47 281.69) |
| OKLab | oklab(60.198% 0.00314 -0.12112) |
| OKLCH | oklch(60.198% 0.12116 271.486) |
| Display P3 | color(display-p3 0.41919 0.48 0.76642) |
| Rec. 2020 | color(rec2020 0.40324 0.43129 0.7357) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.77333) |
| ProPhoto RGB | color(prophoto-rgb 0.43042 0.41213 0.70359) |
| Linear sRGB | color(srgb-linear 0.13563 0.19807 0.58408) |
| XYZ D65 | color(xyz-d65 0.23218 0.21266 0.58142) |
| XYZ D50 | color(xyz-d50 0.219 0.20758 0.43821) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.788) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.788, alpha: 1) |
| Flutter / Compose | Color(0xFF677BC9) |
| Android XML | #677BC9 |

## Facts

- Closest name: Soft indigo
- Hue family: Indigo, soft indigo
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4:1
- Contrast with black: 5.25:1

## Tints

#677bc9, #7588cf, #8395d5, #92a2db, #a1afe1, #b0bde6, #bfcaeb, #cfd7f0, #dfe4f5, #eff2fa

## Shades

#677bc9, #596aae, #4b5a95, #3d4a7c, #303a64, #232c4c, #171e36, #0c1022, #04050f, #000102

## Tones

#677bc9, #697cc2, #6c7dbb, #6e7eb4, #717fad, #737fa6, #76809f, #798097, #7b8090, #7e8188

## Harmonies

- Complementary: #677bc9, #9b7d08
- Split: #677bc9, #b46e27, #768c2e
- Analogous: #677bc9, #2e88c2, #8e6ebd
- Triadic: #677bc9, #be6252, #40955b
- Tetradic: #677bc9, #aa64a1, #9b7d08, #40955b
- Square: #677bc9, #ba5f7c, #9b7d08, #009886
- Monochromatic: #677bc9, #28357c, #4657a2, #8aa0f1, #b4c8ff

## Questions about #677bc9

### What color is #677bc9?

#677bc9 is soft indigo. The closest named color is Soft indigo. In RGB it is rgb(103, 123, 201), in HSL hsl(227.76, 47.57%, 59.61%) and in OKLCH oklch(60.198% 0.12116 271.486).

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

The complementary color of #677bc9 is #9b7d08. For a calmer combination use the analogous colors #2e88c2 and #8e6ebd. The triadic partners are #be6252 and #40955b.

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

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

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

#677bc9 is a cool color. In OKLCH its hue is 271 degrees, its lightness 60.2% and its chroma 0.121.