# #677bcd color: Indigo Light

#677bcd is rgb(103, 123, 205) in RGB and oklch(60.424% 0.12687 271.79) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677bcd |
| RGB | rgb(103, 123, 205) |
| HSL | hsl(228.24, 50.5%, 60.39%) |
| HSB / HSV | hsv(228.24 49.76% 80.39%) |
| HWB | hwb(228.24 40.39% 19.61%) |
| CMYK | cmyk(50% 40% 0% 20%) |
| Lab | lab(52.86 9.99 -45.53) |
| LCH | lch(52.86 46.62 282.38) |
| OKLab | oklab(60.424% 0.00396 -0.12681) |
| OKLCH | oklch(60.424% 0.12687 271.79) |
| Display P3 | color(display-p3 0.41919 0.48 0.78124) |
| Rec. 2020 | color(rec2020 0.40471 0.43165 0.75189) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.78882) |
| ProPhoto RGB | color(prophoto-rgb 0.43445 0.41297 0.72026) |
| Linear sRGB | color(srgb-linear 0.13563 0.19807 0.6105) |
| XYZ D65 | color(xyz-d65 0.23694 0.21457 0.60653) |
| XYZ D50 | color(xyz-d50 0.22278 0.20918 0.45707) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.804) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF677BCD) |
| Android XML | #677BCD |

## Facts

- Closest name: Indigo Light
- 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

#677bcd, #7588d3, #8395d8, #92a2de, #a0b0e3, #b0bde8, #bfcaed, #cfd7f2, #dfe4f6, #eff2fb

## Shades

#677bcd, #596ab2, #4b5a98, #3d4a7e, #303a66, #232c4e, #171e38, #0c1023, #04050f, #000102

## Tones

#677bcd, #697cc6, #6c7dbe, #6f7eb7, #717fb0, #7480a8, #7680a1, #798199, #7c8191, #7f8189

## Harmonies

- Complementary: #677bcd, #9d7e00
- Split: #677bcd, #b66d20, #758d29
- Analogous: #677bcd, #2889c6, #906dc0
- Triadic: #677bcd, #c16150, #3b975a
- Tetradic: #677bcd, #ad63a3, #9d7e00, #3b975a
- Square: #677bcd, #be5e7c, #9d7e00, #009987
- Monochromatic: #677bcd, #293480, #4657a6, #8aa0f5, #b5c9ff

## Questions about #677bcd

### What color is #677bcd?

#677bcd is soft indigo. The closest named color is Indigo Light. In RGB it is rgb(103, 123, 205), in HSL hsl(228.24, 50.5%, 60.39%) and in OKLCH oklch(60.424% 0.12687 271.79).

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

The complementary color of #677bcd is #9d7e00. For a calmer combination use the analogous colors #2889c6 and #906dc0. The triadic partners are #c16150 and #3b975a.

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

White text reads better on #677bcd: 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 #677bcd a warm or cool color?

#677bcd is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.4% and its chroma 0.127.