# #677bcf color: Soft indigo

#677bcf is rgb(103, 123, 207) in RGB and oklch(60.539% 0.12971 271.924) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677bcf |
| RGB | rgb(103, 123, 207) |
| HSL | hsl(228.46, 52%, 60.78%) |
| HSB / HSV | hsv(228.46 50.24% 81.18%) |
| HWB | hwb(228.46 40.39% 18.82%) |
| CMYK | cmyk(50% 41% 0% 19%) |
| Lab | lab(52.95 10.49 -46.52) |
| LCH | lch(52.95 47.69 282.71) |
| OKLab | oklab(60.539% 0.00435 -0.12964) |
| OKLCH | oklch(60.539% 0.12971 271.924) |
| Display P3 | color(display-p3 0.41919 0.48 0.78866) |
| Rec. 2020 | color(rec2020 0.40546 0.43183 0.76) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.79658) |
| ProPhoto RGB | color(prophoto-rgb 0.4365 0.4134 0.72863) |
| Linear sRGB | color(srgb-linear 0.13563 0.19807 0.62396) |
| XYZ D65 | color(xyz-d65 0.23937 0.21554 0.61933) |
| XYZ D50 | color(xyz-d50 0.22471 0.21 0.46669) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.812) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF677BCF) |
| Android XML | #677BCF |

## 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: 3.95:1
- Contrast with black: 5.31:1

## Tints

#677bcf, #7588d5, #8395da, #92a3df, #a0b0e4, #b0bde9, #bfcaee, #cfd7f3, #dfe4f7, #eff2fb

## Shades

#677bcf, #596ab4, #4b5a99, #3d4a7f, #303a67, #232c4f, #171e38, #0c1023, #040510, #000102

## Tones

#677bcf, #697cc8, #6c7dc0, #6f7eb9, #717fb1, #7480a9, #7780a2, #79819a, #7c8192, #7f818a

## Harmonies

- Complementary: #677bcf, #9e7e00
- Split: #677bcf, #b86d1b, #758d26
- Analogous: #677bcf, #2589c8, #906dc2
- Triadic: #677bcf, #c3614f, #389759
- Tetradic: #677bcf, #ae62a4, #9e7e00, #389759
- Square: #677bcf, #bf5d7c, #9e7e00, #009a87
- Monochromatic: #677bcf, #293481, #4657a8, #8aa0f8, #b6c9ff

## Questions about #677bcf

### What color is #677bcf?

#677bcf is soft indigo. The closest named color is Soft indigo. In RGB it is rgb(103, 123, 207), in HSL hsl(228.46, 52%, 60.78%) and in OKLCH oklch(60.539% 0.12971 271.924).

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

The complementary color of #677bcf is #9e7e00. For a calmer combination use the analogous colors #2589c8 and #906dc2. The triadic partners are #c3614f and #389759.

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

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

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

#677bcf is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.5% and its chroma 0.13.