# #667ca3 color: Miracle Elixir

#667ca3 is rgb(102, 124, 163) in RGB and oklch(58.419% 0.0656 261.658) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #667ca3 |
| RGB | rgb(102, 124, 163) |
| HSL | hsl(218.36, 24.9%, 51.96%) |
| HSB / HSV | hsv(218.36 37.42% 63.92%) |
| HWB | hwb(218.36 40% 36.08%) |
| CMYK | cmyk(37% 24% 0% 36%) |
| Lab | lab(51.41 -0.66 -23.76) |
| LCH | lch(51.41 23.77 268.42) |
| OKLab | oklab(58.419% -0.00952 -0.06491) |
| OKLCH | oklch(58.419% 0.0656 261.658) |
| Display P3 | color(display-p3 0.41696 0.48371 0.62649) |
| Rec. 2020 | color(rec2020 0.39013 0.43194 0.58428) |
| Adobe RGB | color(a98-rgb 0.42515 0.48273 0.628) |
| ProPhoto RGB | color(prophoto-rgb 0.39555 0.40832 0.5518) |
| Linear sRGB | color(srgb-linear 0.13287 0.20156 0.36625) |
| XYZ D65 | color(xyz-d65 0.19297 0.19884 0.37473) |
| XYZ D50 | color(xyz-d50 0.18797 0.19626 0.28296) |
| SwiftUI | Color(red: 0.4, green: 0.486, blue: 0.639) |
| UIKit | UIColor(red: 0.4, green: 0.486, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF667CA3) |
| Android XML | #667CA3 |

## 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.22:1
- Contrast with black: 4.98:1

## Tints

#667ca3, #7488ac, #8395b5, #92a2bf, #a1afc8, #b0bcd1, #bfc9da, #cfd6e3, #dfe4ed, #eff1f6

## Shades

#667ca3, #586b8d, #4a5a78, #3c4a63, #2f3b4f, #232c3c, #171e2a, #0c1119, #04050a, #000101

## Tones

#667ca3, #687c9f, #6a7c9b, #6d7c97, #6f7c94, #717c90, #737c8c, #757c88, #777c84, #797c7f

## Harmonies

- Complementary: #667ca3, #8f784e
- Split: #667ca3, #9b7157, #7c8051
- Analogous: #667ca3, #52839c, #7c75a0
- Triadic: #667ca3, #9f6c6a, #668661
- Tetradic: #667ca3, #8e6f93, #8f784e, #668661
- Square: #667ca3, #9a6c80, #8f784e, #518877
- Monochromatic: #667ca3, #26385b, #45597e, #89a0c9, #aec6f1

## Questions about #667ca3

### What color is #667ca3?

#667ca3 is dusty blue. The closest named color is Miracle Elixir. In RGB it is rgb(102, 124, 163), in HSL hsl(218.36, 24.9%, 51.96%) and in OKLCH oklch(58.419% 0.0656 261.658).

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

The complementary color of #667ca3 is #8f784e. For a calmer combination use the analogous colors #52839c and #7c75a0. The triadic partners are #9f6c6a and #668661.

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

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

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

#667ca3 is a cool color. In OKLCH its hue is 262 degrees, its lightness 58.4% and its chroma 0.066.