# #a2bbfd color: Pastel Blue

#a2bbfd is rgb(162, 187, 253) in RGB and oklch(79.771% 0.09817 268.154) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #a2bbfd |
| RGB | rgb(162, 187, 253) |
| HSL | hsl(223.52, 95.79%, 81.37%) |
| HSB / HSV | hsv(223.52 35.97% 99.22%) |
| HWB | hwb(223.52 63.53% 0.78%) |
| CMYK | cmyk(36% 26% 0% 1%) |
| Lab | lab(75.83 3.02 -35.81) |
| LCH | lch(75.83 35.93 274.82) |
| OKLab | oklab(79.771% -0.00316 -0.09811) |
| OKLCH | oklch(79.771% 0.09817 268.154) |
| Display P3 | color(display-p3 0.6541 0.73035 0.97155) |
| Rec. 2020 | color(rec2020 0.65488 0.7004 0.96435) |
| Adobe RGB | color(a98-rgb 0.65921 0.72762 0.98267) |
| ProPhoto RGB | color(prophoto-rgb 0.67537 0.67832 0.95166) |
| Linear sRGB | color(srgb-linear 0.36131 0.49693 0.98225) |
| XYZ D65 | color(xyz-d65 0.50397 0.50313 0.99988) |
| XYZ D50 | color(xyz-d50 0.48949 0.49618 0.7547) |
| SwiftUI | Color(red: 0.635, green: 0.733, blue: 0.992) |
| UIKit | UIColor(red: 0.635, green: 0.733, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFA2BBFD) |
| Android XML | #A2BBFD |

## 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.06:1

## Tints

#a2bbfd, #abc2fe, #b4c9fe, #bdd0ff, #c6d6ff, #d0ddff, #d9e4ff, #e2ebff, #ecf2ff, #f5f8ff

## Shades

#a2bbfd, #8ca2dc, #778abc, #63739d, #4f5c7f, #3c4662, #2a3247, #191f2d, #0a0d16, #010203

## Tones

#a2bbfd, #a5bbf7, #a7bcf1, #aabcea, #adbce4, #afbdde, #b2bdd7, #b5bdd1, #b7bdca, #babdc3

## Harmonies

- Complementary: #a2bbfd, #d7ba71
- Split: #a2bbfd, #edad7d, #b7c67c
- Analogous: #a2bbfd, #7ec6f5, #c5b0f4
- Triadic: #a2bbfd, #f6a59a, #91cf99
- Tetradic: #a2bbfd, #e0a7dd, #d7ba71, #91cf99
- Square: #a2bbfd, #f1a2bc, #d7ba71, #70d2bd
- Monochromatic: #a2bbfd, #5b71ae, #7e95d5, #d3e3ff, #ebf5ff

## Questions about #a2bbfd

### What color is #a2bbfd?

#a2bbfd is bright light blue. The closest named color is Pastel Blue. In RGB it is rgb(162, 187, 253), in HSL hsl(223.52, 95.79%, 81.37%) and in OKLCH oklch(79.771% 0.09817 268.154).

### What colors go well with #a2bbfd?

The complementary color of #a2bbfd is #d7ba71. For a calmer combination use the analogous colors #7ec6f5 and #c5b0f4. The triadic partners are #f6a59a and #91cf99.

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

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

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

#a2bbfd is a cool color. In OKLCH its hue is 268 degrees, its lightness 79.8% and its chroma 0.098.