# #9caae3 color: Aster Flower Blue

#9caae3 is rgb(156, 170, 227) in RGB and oklch(74.797% 0.08392 273.552) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/9caae3

## Formats

| Format | Value |
| --- | --- |
| HEX | #9caae3 |
| RGB | rgb(156, 170, 227) |
| HSL | hsl(228.17, 55.91%, 75.1%) |
| HSB / HSV | hsv(228.17 31.28% 89.02%) |
| HWB | hwb(228.17 61.18% 10.98%) |
| CMYK | cmyk(31% 25% 0% 11%) |
| Lab | lab(70.09 4.83 -30.64) |
| LCH | lch(70.09 31.02 278.95) |
| OKLab | oklab(74.797% 0.0052 -0.08376) |
| OKLCH | oklch(74.797% 0.08392 273.552) |
| Display P3 | color(display-p3 0.62197 0.66494 0.87256) |
| Rec. 2020 | color(rec2020 0.60705 0.62964 0.85412) |
| Adobe RGB | color(a98-rgb 0.62223 0.66074 0.87902) |
| ProPhoto RGB | color(prophoto-rgb 0.61484 0.6056 0.83171) |
| Linear sRGB | color(srgb-linear 0.33245 0.40198 0.76815) |
| XYZ D65 | color(xyz-d65 0.41948 0.41363 0.78449) |
| XYZ D50 | color(xyz-d50 0.4097 0.40871 0.59219) |
| SwiftUI | Color(red: 0.612, green: 0.667, blue: 0.89) |
| UIKit | UIColor(red: 0.612, green: 0.667, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF9CAAE3) |
| Android XML | #9CAAE3 |

## Facts

- Closest name: Aster Flower Blue
- Hue family: Indigo, soft light indigo
- Closest Tailwind class: indigo-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.26:1
- Contrast with black: 9.27:1

## Tints

#9caae3, #a5b2e6, #afbbe9, #b9c3ec, #c2ccef, #ccd4f2, #d6ddf5, #e0e5f7, #eaeefa, #f5f6fd

## Shades

#9caae3, #8793c5, #737da8, #5f688c, #4c5371, #393f57, #282d3f, #181b27, #090b12, #010103

## Tones

#9caae3, #9eaade, #9fabd9, #a1abd3, #a3acce, #a4acc9, #a6acc3, #a8adbe, #aaadb8, #abadb3

## Harmonies

- Complementary: #9caae3, #bfad6f
- Split: #9caae3, #d3a275, #a3b77b
- Analogous: #9caae3, #7eb4df, #b8a1d9
- Triadic: #9caae3, #dd9a8b, #83bd95
- Tetradic: #9caae3, #ce9ac4, #bfad6f, #83bd95
- Square: #9caae3, #db97a7, #bfad6f, #6bbfb3
- Monochromatic: #9caae3, #566296, #7885bc, #c2d0ff, #edf4ff

## Questions about #9caae3

### What color is #9caae3?

#9caae3 is soft light indigo. The closest named color is Aster Flower Blue. In RGB it is rgb(156, 170, 227), in HSL hsl(228.17, 55.91%, 75.1%) and in OKLCH oklch(74.797% 0.08392 273.552).

### What colors go well with #9caae3?

The complementary color of #9caae3 is #bfad6f. For a calmer combination use the analogous colors #7eb4df and #b8a1d9. The triadic partners are #dd9a8b and #83bd95.

### Is white or black text more readable on #9caae3?

Black text reads better on #9caae3: white gives a contrast ratio of 2.26:1 and black gives 9.27:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #9caae3 a warm or cool color?

#9caae3 is a cool color. In OKLCH its hue is 274 degrees, its lightness 74.8% and its chroma 0.084.