# #676ca4 color: Dusted Peri

#676ca4 is rgb(103, 108, 164) in RGB and oklch(55.07% 0.08708 279.216) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/676ca4

## Formats

| Format | Value |
| --- | --- |
| HEX | #676ca4 |
| RGB | rgb(103, 108, 164) |
| HSL | hsl(235.08, 25.1%, 52.35%) |
| HSB / HSV | hsv(235.08 37.2% 64.31%) |
| HWB | hwb(235.08 40.39% 35.69%) |
| CMYK | cmyk(37% 34% 0% 36%) |
| Lab | lab(47 8.82 -31.14) |
| LCH | lch(47 32.37 285.82) |
| OKLab | oklab(55.07% 0.01395 -0.08596) |
| OKLCH | oklch(55.07% 0.08708 279.216) |
| Display P3 | color(display-p3 0.40749 0.4229 0.62718) |
| Rec. 2020 | color(rec2020 0.3696 0.3709 0.58425) |
| Adobe RGB | color(a98-rgb 0.40863 0.422 0.6301) |
| ProPhoto RGB | color(prophoto-rgb 0.37789 0.35469 0.55027) |
| Linear sRGB | color(srgb-linear 0.13563 0.14996 0.37124) |
| XYZ D65 | color(xyz-d65 0.17656 0.16289 0.37337) |
| XYZ D50 | color(xyz-d50 0.17002 0.16019 0.28155) |
| SwiftUI | Color(red: 0.404, green: 0.424, blue: 0.643) |
| UIKit | UIColor(red: 0.404, green: 0.424, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF676CA4) |
| Android XML | #676CA4 |

## Facts

- Closest name: Dusted Peri
- Hue family: Indigo, muted indigo
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.93:1
- Contrast with black: 4.26:1

## Tints

#676ca4, #757aad, #8388b7, #9197c0, #a0a5c9, #afb4d2, #bfc2db, #cfd1e4, #dee0ed, #eff0f6

## Shades

#676ca4, #595d8e, #4b4e79, #3d4064, #303250, #23253d, #17192b, #0c0d1a, #04040a, #000001

## Tones

#676ca4, #686d9f, #696e9a, #6a6e95, #6b6f90, #6c6f8b, #6d7086, #6e7081, #6f717c, #707177

## Harmonies

- Complementary: #676ca4, #7e7331
- Split: #676ca4, #936835, #627c43
- Analogous: #676ca4, #4775a3, #816398
- Triadic: #676ca4, #9d5f4b, #3f815f
- Tetradic: #676ca4, #935d82, #7e7331, #3f815f
- Square: #676ca4, #9d5b67, #7e7331, #1f827c
- Monochromatic: #676ca4, #28295b, #464a7f, #8a90cb, #aeb5f2

## Questions about #676ca4

### What color is #676ca4?

#676ca4 is muted indigo. The closest named color is Dusted Peri. In RGB it is rgb(103, 108, 164), in HSL hsl(235.08, 25.1%, 52.35%) and in OKLCH oklch(55.07% 0.08708 279.216).

### What colors go well with #676ca4?

The complementary color of #676ca4 is #7e7331. For a calmer combination use the analogous colors #4775a3 and #816398. The triadic partners are #9d5f4b and #3f815f.

### Is white or black text more readable on #676ca4?

White text reads better on #676ca4: white gives a contrast ratio of 4.93:1 and black gives 4.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #676ca4 a warm or cool color?

#676ca4 is a cool color. In OKLCH its hue is 279 degrees, its lightness 55.1% and its chroma 0.087.