# #677cb0 color: Marvellous

#677cb0 is rgb(103, 124, 176) in RGB and oklch(59.099% 0.08383 266.987) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #677cb0 |
| RGB | rgb(103, 124, 176) |
| HSL | hsl(222.74, 31.6%, 54.71%) |
| HSB / HSV | hsv(222.74 41.48% 69.02%) |
| HWB | hwb(222.74 40.39% 30.98%) |
| CMYK | cmyk(41% 30% 0% 31%) |
| Lab | lab(51.95 2.54 -30.42) |
| LCH | lch(51.95 30.53 274.77) |
| OKLab | oklab(59.099% -0.00441 -0.08371) |
| OKLCH | oklch(59.099% 0.08383 266.987) |
| Display P3 | color(display-p3 0.42002 0.48382 0.67427) |
| Rec. 2020 | color(rec2020 0.3963 0.43309 0.63571) |
| Adobe RGB | color(a98-rgb 0.42765 0.48273 0.67738) |
| ProPhoto RGB | color(prophoto-rgb 0.40824 0.4108 0.60252) |
| Linear sRGB | color(srgb-linear 0.13563 0.20156 0.43415) |
| XYZ D65 | color(xyz-d65 0.20636 0.20433 0.43932) |
| XYZ D50 | color(xyz-d50 0.19889 0.20099 0.33148) |
| SwiftUI | Color(red: 0.404, green: 0.486, blue: 0.69) |
| UIKit | UIColor(red: 0.404, green: 0.486, blue: 0.69, alpha: 1) |
| Flutter / Compose | Color(0xFF677CB0) |
| Android XML | #677CB0 |

## Facts

- Closest name: Marvellous
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.13:1
- Contrast with black: 5.09:1

## Tints

#677cb0, #7589b8, #8395c0, #92a2c8, #a1afd0, #b0bcd8, #bfc9e0, #cfd7e8, #dfe4f0, #eff1f7

## Shades

#677cb0, #596b99, #4b5a82, #3d4a6c, #303b56, #232c42, #171e2e, #0c111c, #04050b, #000101

## Tones

#677cb0, #697cab, #6c7da6, #6e7da1, #707d9c, #727d97, #747d92, #777d8d, #797d88, #7b7d83

## Harmonies

- Complementary: #677cb0, #937a3f
- Split: #677cb0, #a4704a, #7a8448
- Analogous: #677cb0, #4985a9, #8373aa
- Triadic: #677cb0, #aa6a62, #5b8b60
- Tetradic: #677cb0, #986c98, #937a3f, #5b8b60
- Square: #677cb0, #a6687e, #937a3f, #3d8e7d
- Monochromatic: #677cb0, #273866, #46598a, #8aa1d7, #afc7ff

## Questions about #677cb0

### What color is #677cb0?

#677cb0 is soft blue. The closest named color is Marvellous. In RGB it is rgb(103, 124, 176), in HSL hsl(222.74, 31.6%, 54.71%) and in OKLCH oklch(59.099% 0.08383 266.987).

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

The complementary color of #677cb0 is #937a3f. For a calmer combination use the analogous colors #4985a9 and #8373aa. The triadic partners are #aa6a62 and #5b8b60.

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

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

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

#677cb0 is a cool color. In OKLCH its hue is 267 degrees, its lightness 59.1% and its chroma 0.084.