# #667bd3 color: Soft indigo

#667bd3 is rgb(102, 123, 211) in RGB and oklch(60.706% 0.13567 271.716) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #667bd3 |
| RGB | rgb(102, 123, 211) |
| HSL | hsl(228.44, 55.33%, 61.37%) |
| HSB / HSV | hsv(228.44 51.66% 82.75%) |
| HWB | hwb(228.44 40% 17.25%) |
| CMYK | cmyk(52% 42% 0% 17%) |
| Lab | lab(53.06 11.23 -48.6) |
| LCH | lch(53.06 49.89 283.01) |
| OKLab | oklab(60.706% 0.00406 -0.13561) |
| OKLCH | oklch(60.706% 0.13567 271.716) |
| Display P3 | color(display-p3 0.41612 0.4799 0.80347) |
| Rec. 2020 | color(rec2020 0.40476 0.43198 0.77621) |
| Adobe RGB | color(a98-rgb 0.42389 0.47891 0.81211) |
| ProPhoto RGB | color(prophoto-rgb 0.43908 0.41396 0.74545) |
| Linear sRGB | color(srgb-linear 0.13287 0.19807 0.65141) |
| XYZ D65 | color(xyz-d65 0.24319 0.21693 0.64536) |
| XYZ D50 | color(xyz-d50 0.22743 0.21104 0.48625) |
| SwiftUI | Color(red: 0.4, green: 0.482, blue: 0.827) |
| UIKit | UIColor(red: 0.4, green: 0.482, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF667BD3) |
| Android XML | #667BD3 |

## Facts

- Closest name: Soft indigo
- Hue family: Indigo, soft indigo
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.93:1
- Contrast with black: 5.34:1

## Tints

#667bd3, #7488d8, #8296dd, #91a3e2, #a0b0e7, #afbdec, #becaf0, #ced7f4, #dee4f8, #eff2fc

## Shades

#667bd3, #586ab7, #4a5a9c, #3c4a82, #2f3a69, #232c51, #171e3a, #0c1024, #040510, #000102

## Tones

#667bd3, #697ccb, #6b7ec3, #6e7fbc, #717fb4, #7480ac, #7681a4, #79819b, #7c8293, #7f828b

## Harmonies

- Complementary: #667bd3, #a07e00
- Split: #667bd3, #bb6c0f, #768e1d
- Analogous: #667bd3, #1a8acc, #916cc5
- Triadic: #667bd3, #c65f4d, #339957
- Tetradic: #667bd3, #b061a6, #a07e00, #339957
- Square: #667bd3, #c25b7c, #a07e00, #009a88
- Monochromatic: #667bd3, #283485, #4557ab, #89a0fc, #b6caff

## Questions about #667bd3

### What color is #667bd3?

#667bd3 is soft indigo. The closest named color is Soft indigo. In RGB it is rgb(102, 123, 211), in HSL hsl(228.44, 55.33%, 61.37%) and in OKLCH oklch(60.706% 0.13567 271.716).

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

The complementary color of #667bd3 is #a07e00. For a calmer combination use the analogous colors #1a8acc and #916cc5. The triadic partners are #c65f4d and #339957.

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

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

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

#667bd3 is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.7% and its chroma 0.136.