# #a4bafe color: Pastel Blue

#a4bafe is rgb(164, 186, 254) in RGB and oklch(79.747% 0.09999 270.23) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/a4bafe

## Formats

| Format | Value |
| --- | --- |
| HEX | #a4bafe |
| RGB | rgb(164, 186, 254) |
| HSL | hsl(225.33, 97.83%, 81.96%) |
| HSB / HSV | hsv(225.33 35.43% 99.61%) |
| HWB | hwb(225.33 64.31% 0.39%) |
| CMYK | cmyk(35% 27% 0% 0%) |
| Lab | lab(75.74 4.31 -36.47) |
| LCH | lch(75.74 36.72 276.75) |
| OKLab | oklab(79.747% 0.0004 -0.09999) |
| OKLCH | oklch(79.747% 0.09999 270.23) |
| Display P3 | color(display-p3 0.65953 0.72676 0.97511) |
| Rec. 2020 | color(rec2020 0.65853 0.697 0.96824) |
| Adobe RGB | color(a98-rgb 0.66326 0.72367 0.98648) |
| ProPhoto RGB | color(prophoto-rgb 0.67882 0.67533 0.95577) |
| Linear sRGB | color(srgb-linear 0.37124 0.49102 0.9911) |
| XYZ D65 | color(xyz-d65 0.50755 0.50165 1.00778) |
| XYZ D50 | color(xyz-d50 0.49281 0.49468 0.76058) |
| SwiftUI | Color(red: 0.643, green: 0.729, blue: 0.996) |
| UIKit | UIColor(red: 0.643, green: 0.729, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFA4BAFE) |
| Android XML | #A4BAFE |

## Facts

- Closest name: Pastel Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: indigo-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.9:1
- Contrast with black: 11.03:1

## Tints

#a4bafe, #adc1ff, #b6c8ff, #becfff, #c7d6ff, #d1ddff, #dae4ff, #e3eaff, #ecf1ff, #f6f8ff

## Shades

#a4bafe, #8ea1dd, #7989bd, #64729e, #505c80, #3d4663, #2b3247, #1a1e2d, #0a0d16, #010203

## Tones

#a4bafe, #a6bbf8, #a9bbf1, #abbbeb, #aebce5, #b0bcde, #b3bcd8, #b5bcd1, #b8bdca, #babdc4

## Harmonies

- Complementary: #a4bafe, #d6ba6f
- Split: #a4bafe, #edae7a, #b4c77d
- Analogous: #a4bafe, #7fc6f7, #c7aef4
- Triadic: #a4bafe, #f6a596, #8dcf9b
- Tetradic: #a4bafe, #e2a6db, #d6ba6f, #8dcf9b
- Square: #a4bafe, #f3a2ba, #d6ba6f, #6cd2c0
- Monochromatic: #a4bafe, #5d70ae, #8094d6, #d4e3ff, #ecf5ff

## Questions about #a4bafe

### What color is #a4bafe?

#a4bafe is bright light blue. The closest named color is Pastel Blue. In RGB it is rgb(164, 186, 254), in HSL hsl(225.33, 97.83%, 81.96%) and in OKLCH oklch(79.747% 0.09999 270.23).

### What colors go well with #a4bafe?

The complementary color of #a4bafe is #d6ba6f. For a calmer combination use the analogous colors #7fc6f7 and #c7aef4. The triadic partners are #f6a596 and #8dcf9b.

### Is white or black text more readable on #a4bafe?

Black text reads better on #a4bafe: white gives a contrast ratio of 1.9:1 and black gives 11.03:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #a4bafe a warm or cool color?

#a4bafe is a cool color. In OKLCH its hue is 270 degrees, its lightness 79.7% and its chroma 0.1.