# #667aa3 color: Miracle Elixir

#667aa3 is rgb(102, 122, 163) in RGB and oklch(57.975% 0.06775 264.255) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/667aa3

## Formats

| Format | Value |
| --- | --- |
| HEX | #667aa3 |
| RGB | rgb(102, 122, 163) |
| HSL | hsl(220.33, 24.9%, 51.96%) |
| HSB / HSV | hsv(220.33 37.42% 63.92%) |
| HWB | hwb(220.33 40% 36.08%) |
| CMYK | cmyk(37% 25% 0% 36%) |
| Lab | lab(50.84 0.44 -24.64) |
| LCH | lch(50.84 24.65 271.02) |
| OKLab | oklab(57.975% -0.00678 -0.06741) |
| OKLCH | oklch(57.975% 0.06775 264.255) |
| Display P3 | color(display-p3 0.41528 0.47608 0.62608) |
| Rec. 2020 | color(rec2020 0.38708 0.42419 0.58374) |
| Adobe RGB | color(a98-rgb 0.42264 0.4751 0.62777) |
| ProPhoto RGB | color(prophoto-rgb 0.39287 0.40138 0.55107) |
| Linear sRGB | color(srgb-linear 0.13287 0.19462 0.36625) |
| XYZ D65 | color(xyz-d65 0.19049 0.19388 0.3739) |
| XYZ D50 | color(xyz-d50 0.1853 0.19128 0.28228) |
| SwiftUI | Color(red: 0.4, green: 0.478, blue: 0.639) |
| UIKit | UIColor(red: 0.4, green: 0.478, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF667AA3) |
| Android XML | #667AA3 |

## Facts

- Closest name: Miracle Elixir
- Hue family: Blue, dusty blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.31:1
- Contrast with black: 4.88:1

## Tints

#667aa3, #7487ac, #8394b5, #91a0bf, #a0aec8, #b0bbd1, #bfc8da, #cfd6e3, #dfe3ed, #eff1f6

## Shades

#667aa3, #58698d, #4a5978, #3c4963, #2f3a4f, #232b3c, #171d2a, #0c1019, #04050a, #000101

## Tones

#667aa3, #687a9f, #6a7a9b, #6c7a97, #6e7a93, #707a8f, #727a8b, #747a87, #767a83, #787a7e

## Harmonies

- Complementary: #667aa3, #8d774a
- Split: #667aa3, #9a6f53, #797f50
- Analogous: #667aa3, #50819d, #7c739f
- Triadic: #667aa3, #9f6a66, #618561
- Tetradic: #667aa3, #8f6d91, #8d774a, #618561
- Square: #667aa3, #9b6a7d, #8d774a, #4c8877
- Monochromatic: #667aa3, #26375b, #45577e, #899ec9, #aec4f1

## Questions about #667aa3

### What color is #667aa3?

#667aa3 is dusty blue. The closest named color is Miracle Elixir. In RGB it is rgb(102, 122, 163), in HSL hsl(220.33, 24.9%, 51.96%) and in OKLCH oklch(57.975% 0.06775 264.255).

### What colors go well with #667aa3?

The complementary color of #667aa3 is #8d774a. For a calmer combination use the analogous colors #50819d and #7c739f. The triadic partners are #9f6a66 and #618561.

### Is white or black text more readable on #667aa3?

White text reads better on #667aa3: white gives a contrast ratio of 4.31:1 and black gives 4.88:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #667aa3 a warm or cool color?

#667aa3 is a cool color. In OKLCH its hue is 264 degrees, its lightness 58% and its chroma 0.068.