# #668ae3 color: Soft Blue

#668ae3 is rgb(102, 138, 227) in RGB and oklch(64.713% 0.13956 265.998) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/668ae3

## Formats

| Format | Value |
| --- | --- |
| HEX | #668ae3 |
| RGB | rgb(102, 138, 227) |
| HSL | hsl(222.72, 69.06%, 64.51%) |
| HSB / HSV | hsv(222.72 55.07% 89.02%) |
| HWB | hwb(222.72 40% 10.98%) |
| CMYK | cmyk(55% 39% 0% 11%) |
| Lab | lab(57.88 6.93 -49.95) |
| LCH | lch(57.88 50.43 277.9) |
| OKLab | oklab(64.713% -0.00974 -0.13922) |
| OKLCH | oklch(64.713% 0.13956 265.998) |
| Display P3 | color(display-p3 0.42938 0.53722 0.86509) |
| Rec. 2020 | color(rec2020 0.43391 0.49151 0.84448) |
| Adobe RGB | color(a98-rgb 0.44367 0.5364 0.87578) |
| ProPhoto RGB | color(prophoto-rgb 0.47537 0.46979 0.81826) |
| Linear sRGB | color(srgb-linear 0.13287 0.25415 0.76815) |
| XYZ D65 | color(xyz-d65 0.28431 0.26547 0.76301) |
| XYZ D50 | color(xyz-d50 0.26573 0.25833 0.57506) |
| SwiftUI | Color(red: 0.4, green: 0.541, blue: 0.89) |
| UIKit | UIColor(red: 0.4, green: 0.541, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF668AE3) |
| Android XML | #668AE3 |

## Facts

- Closest name: Soft Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.33:1
- Contrast with black: 6.31:1

## Tints

#668ae3, #7496e7, #83a2ea, #92aeee, #a1b9f1, #b0c5f4, #bfd1f6, #cfdcf9, #dfe8fb, #eff3fd

## Shades

#668ae3, #5877c5, #4a65a8, #3c538c, #2f4271, #233257, #17223f, #0c1427, #040712, #000103

## Tones

#668ae3, #6a8bdb, #6e8cd3, #728dca, #768dc2, #7a8eba, #7e8eb1, #828ea9, #868ea0, #8a8e97

## Harmonies

- Complementary: #668ae3, #b48600
- Split: #668ae3, #cd742a, #8b981b
- Analogous: #668ae3, #0099d7, #977ad9
- Triadic: #668ae3, #d66860, #4ea458
- Tetradic: #668ae3, #b96ebb, #b48600, #4ea458
- Square: #668ae3, #cf6691, #b48600, #00a98b
- Monochromatic: #668ae3, #254294, #4565bb, #89b0ff, #c2d9ff

## Questions about #668ae3

### What color is #668ae3?

#668ae3 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(102, 138, 227), in HSL hsl(222.72, 69.06%, 64.51%) and in OKLCH oklch(64.713% 0.13956 265.998).

### What colors go well with #668ae3?

The complementary color of #668ae3 is #b48600. For a calmer combination use the analogous colors #0099d7 and #977ad9. The triadic partners are #d66860 and #4ea458.

### Is white or black text more readable on #668ae3?

White text reads better on #668ae3: white gives a contrast ratio of 3.33:1 and black gives 6.31:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #668ae3 a warm or cool color?

#668ae3 is a cool color. In OKLCH its hue is 266 degrees, its lightness 64.7% and its chroma 0.14.