# #a2bae2 color: Teclis Blue

#a2bae2 is rgb(162, 186, 226) in RGB and oklch(78.464% 0.0631 260.584) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #a2bae2 |
| RGB | rgb(162, 186, 226) |
| HSL | hsl(217.5, 52.46%, 76.08%) |
| HSB / HSV | hsv(217.5 28.32% 88.63%) |
| HWB | hwb(217.5 63.53% 11.37%) |
| CMYK | cmyk(28% 18% 0% 11%) |
| Lab | lab(74.73 -1.68 -23) |
| LCH | lch(74.73 23.06 265.82) |
| OKLab | oklab(78.464% -0.01032 -0.06225) |
| OKLCH | oklch(78.464% 0.0631 260.584) |
| Display P3 | color(display-p3 0.6533 0.72654 0.87256) |
| Rec. 2020 | color(rec2020 0.64575 0.69457 0.85499) |
| Adobe RGB | color(a98-rgb 0.65795 0.72367 0.87708) |
| ProPhoto RGB | color(prophoto-rgb 0.64979 0.66963 0.83452) |
| Linear sRGB | color(srgb-linear 0.36131 0.49102 0.76052) |
| XYZ D65 | color(xyz-d65 0.46184 0.48289 0.78841) |
| XYZ D50 | color(xyz-d50 0.45549 0.4785 0.59579) |
| SwiftUI | Color(red: 0.635, green: 0.729, blue: 0.886) |
| UIKit | UIColor(red: 0.635, green: 0.729, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFA2BAE2) |
| Android XML | #A2BAE2 |

## Facts

- Closest name: Teclis Blue
- Hue family: Blue, soft light blue
- Closest Tailwind class: blue-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.97:1
- Contrast with black: 10.66:1

## Tints

#a2bae2, #abc1e5, #b4c8e8, #bdcfeb, #c7d5ee, #d0dcf1, #d9e3f4, #e3eaf7, #ecf1fa, #f5f8fc

## Shades

#a2bae2, #8ca1c4, #7789a8, #63728c, #4f5c71, #3c4657, #2a323e, #191e27, #0a0d12, #010203

## Tones

#a2bae2, #a4bade, #a7bada, #a9bad6, #abbad2, #adbace, #b0b9ca, #b2b9c5, #b4b9c1, #b6b9bd

## Harmonies

- Complementary: #a2bae2, #ceb58b
- Split: #a2bae2, #dbae95, #babd8e
- Analogous: #a2bae2, #8fc1da, #b8b2df
- Triadic: #a2bae2, #dfa9a8, #a4c39d
- Tetradic: #a2bae2, #ccacd2, #ceb58b, #a4c39d
- Square: #a2bae2, #d9a9be, #ceb58b, #90c6b3
- Monochromatic: #a2bae2, #5b7195, #7e95bb, #c8e1ff, #e8f6ff

## Questions about #a2bae2

### What color is #a2bae2?

#a2bae2 is soft light blue. The closest named color is Teclis Blue. In RGB it is rgb(162, 186, 226), in HSL hsl(217.5, 52.46%, 76.08%) and in OKLCH oklch(78.464% 0.0631 260.584).

### What colors go well with #a2bae2?

The complementary color of #a2bae2 is #ceb58b. For a calmer combination use the analogous colors #8fc1da and #b8b2df. The triadic partners are #dfa9a8 and #a4c39d.

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

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

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

#a2bae2 is a cool color. In OKLCH its hue is 261 degrees, its lightness 78.5% and its chroma 0.063.