# #676da3 color: Dusted Peri

#676da3 is rgb(103, 109, 163) in RGB and oklch(55.23% 0.08414 278.401) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #676da3 |
| RGB | rgb(103, 109, 163) |
| HSL | hsl(234, 24.59%, 52.16%) |
| HSB / HSV | hsv(234 36.81% 63.92%) |
| HWB | hwb(234 40.39% 36.08%) |
| CMYK | cmyk(37% 33% 0% 36%) |
| Lab | lab(47.24 8.03 -30.19) |
| LCH | lch(47.24 31.24 284.9) |
| OKLab | oklab(55.23% 0.01229 -0.08323) |
| OKLCH | oklch(55.23% 0.08414 278.401) |
| Display P3 | color(display-p3 0.40822 0.4267 0.62366) |
| Rec. 2020 | color(rec2020 0.37067 0.37461 0.58052) |
| Adobe RGB | color(a98-rgb 0.40976 0.42577 0.62641) |
| ProPhoto RGB | color(prophoto-rgb 0.37823 0.3578 0.54671) |
| Linear sRGB | color(srgb-linear 0.13563 0.15293 0.36625) |
| XYZ D65 | color(xyz-d65 0.17672 0.16465 0.36898) |
| XYZ D50 | color(xyz-d50 0.17045 0.16201 0.27828) |
| SwiftUI | Color(red: 0.404, green: 0.427, blue: 0.639) |
| UIKit | UIColor(red: 0.404, green: 0.427, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF676DA3) |
| Android XML | #676DA3 |

## 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.89:1
- Contrast with black: 4.29:1

## Tints

#676da3, #757bac, #8389b6, #9297bf, #a0a6c8, #b0b4d1, #bfc3db, #cfd2e4, #dee1ed, #eff0f6

## Shades

#676da3, #595e8d, #4b4f78, #3d4163, #30334f, #23263c, #17192a, #0c0d19, #04040a, #000101

## Tones

#676da3, #686e9e, #696e9a, #6a6f95, #6b7090, #6c708b, #6d7186, #6e7181, #70717c, #717277

## Harmonies

- Complementary: #676da3, #7f7334
- Split: #676da3, #936938, #637c45
- Analogous: #676da3, #4976a1, #806498
- Triadic: #676da3, #9c604d, #438160
- Tetradic: #676da3, #925f83, #7f7334, #438160
- Square: #676da3, #9c5d68, #7f7334, #26827c
- Monochromatic: #676da3, #282a5a, #464b7e, #8a91ca, #afb6f1

## Questions about #676da3

### What color is #676da3?

#676da3 is muted indigo. The closest named color is Dusted Peri. In RGB it is rgb(103, 109, 163), in HSL hsl(234, 24.59%, 52.16%) and in OKLCH oklch(55.23% 0.08414 278.401).

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

The complementary color of #676da3 is #7f7334. For a calmer combination use the analogous colors #4976a1 and #806498. The triadic partners are #9c604d and #438160.

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

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

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

#676da3 is a cool color. In OKLCH its hue is 278 degrees, its lightness 55.2% and its chroma 0.084.