# #677bd3 color: Soft indigo

#677bd3 is rgb(103, 123, 211) in RGB and oklch(60.771% 0.13538 272.161) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677bd3 |
| RGB | rgb(103, 123, 211) |
| HSL | hsl(228.89, 55.1%, 61.57%) |
| HSB / HSV | hsv(228.89 51.18% 82.75%) |
| HWB | hwb(228.89 40.39% 17.25%) |
| CMYK | cmyk(51% 42% 0% 17%) |
| Lab | lab(53.13 11.49 -48.49) |
| LCH | lch(53.13 49.84 283.33) |
| OKLab | oklab(60.771% 0.0051 -0.13528) |
| OKLCH | oklch(60.771% 0.13538 272.161) |
| Display P3 | color(display-p3 0.41919 0.48 0.8035) |
| Rec. 2020 | color(rec2020 0.40698 0.43221 0.77624) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.81211) |
| ProPhoto RGB | color(prophoto-rgb 0.44064 0.41427 0.74548) |
| Linear sRGB | color(srgb-linear 0.13563 0.19807 0.65141) |
| XYZ D65 | color(xyz-d65 0.24433 0.21752 0.64541) |
| XYZ D50 | color(xyz-d50 0.22863 0.21166 0.48629) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.827) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF677BD3) |
| Android XML | #677BD3 |

## Facts

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

## Tints

#677bd3, #7588d8, #8396dd, #91a3e2, #a0b0e7, #afbdec, #bfcaf0, #cfd7f4, #dee4f8, #eff2fc

## Shades

#677bd3, #596ab7, #4b5a9c, #3d4a82, #303a69, #232c51, #171e3a, #0c1024, #040510, #000102

## Tones

#677bd3, #6a7ccb, #6c7ec3, #6f7fbc, #7180b4, #7480ac, #7781a4, #7a819c, #7d8293, #7f828b

## Harmonies

- Complementary: #677bd3, #9f7e00
- Split: #677bd3, #bb6d0f, #758f1f
- Analogous: #677bd3, #1d8acc, #926cc5
- Triadic: #677bd3, #c65f4c, #329958
- Tetradic: #677bd3, #b161a6, #9f7e00, #329958
- Square: #677bd3, #c25c7c, #9f7e00, #009b89
- Monochromatic: #677bd3, #293485, #4657ab, #8aa0fc, #b7caff

## Questions about #677bd3

### What color is #677bd3?

#677bd3 is soft indigo. The closest named color is Soft indigo. In RGB it is rgb(103, 123, 211), in HSL hsl(228.89, 55.1%, 61.57%) and in OKLCH oklch(60.771% 0.13538 272.161).

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

The complementary color of #677bd3 is #9f7e00. For a calmer combination use the analogous colors #1d8acc and #926cc5. The triadic partners are #c65f4c and #329958.

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

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

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

#677bd3 is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.8% and its chroma 0.135.