# #677ad2 color: Soft indigo

#677ad2 is rgb(103, 122, 210) in RGB and oklch(60.509% 0.13525 272.579) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677ad2 |
| RGB | rgb(103, 122, 210) |
| HSL | hsl(229.35, 54.31%, 61.37%) |
| HSB / HSV | hsv(229.35 50.95% 82.35%) |
| HWB | hwb(229.35 40.39% 17.65%) |
| CMYK | cmyk(51% 42% 0% 18%) |
| Lab | lab(52.81 11.8 -48.43) |
| LCH | lch(52.81 49.85 283.7) |
| OKLab | oklab(60.509% 0.00609 -0.13512) |
| OKLCH | oklch(60.509% 0.13525 272.579) |
| Display P3 | color(display-p3 0.41837 0.47619 0.79964) |
| Rec. 2020 | color(rec2020 0.40514 0.42828 0.77198) |
| Adobe RGB | color(a98-rgb 0.42515 0.4751 0.80814) |
| ProPhoto RGB | color(prophoto-rgb 0.43838 0.41065 0.74097) |
| Linear sRGB | color(srgb-linear 0.13563 0.19462 0.64448) |
| XYZ D65 | color(xyz-d65 0.24184 0.21455 0.63842) |
| XYZ D50 | color(xyz-d50 0.22631 0.20876 0.481) |
| SwiftUI | Color(red: 0.404, green: 0.478, blue: 0.824) |
| UIKit | UIColor(red: 0.404, green: 0.478, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF677AD2) |
| Android XML | #677AD2 |

## 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.97:1
- Contrast with black: 5.29:1

## Tints

#677ad2, #7587d7, #8395dd, #91a2e2, #a0afe6, #afbceb, #bfcaef, #cfd7f4, #dee4f8, #eff2fb

## Shades

#677ad2, #5969b6, #4b599b, #3d4981, #303a68, #232b50, #171d39, #0c1024, #040510, #000102

## Tones

#677ad2, #697bca, #6c7dc2, #6e7ebb, #717fb3, #747fab, #7680a3, #79819b, #7c8192, #7f818a

## Harmonies

- Complementary: #677ad2, #9e7e00
- Split: #677ad2, #b96c0c, #738e1f
- Analogous: #677ad2, #1e89cb, #926bc4
- Triadic: #677ad2, #c55f4b, #309858
- Tetradic: #677ad2, #b060a5, #9e7e00, #309858
- Square: #677ad2, #c25b7a, #9e7e00, #009a88
- Monochromatic: #677ad2, #293384, #4756aa, #8a9ffb, #b6c9ff

## Questions about #677ad2

### What color is #677ad2?

#677ad2 is soft indigo. The closest named color is Soft indigo. In RGB it is rgb(103, 122, 210), in HSL hsl(229.35, 54.31%, 61.37%) and in OKLCH oklch(60.509% 0.13525 272.579).

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

The complementary color of #677ad2 is #9e7e00. For a calmer combination use the analogous colors #1e89cb and #926bc4. The triadic partners are #c55f4b and #309858.

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

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

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

#677ad2 is a cool color. In OKLCH its hue is 273 degrees, its lightness 60.5% and its chroma 0.135.