# #a5cdf2 color: Blossom Blue

#a5cdf2 is rgb(165, 205, 242) in RGB and oklch(83.227% 0.06728 246.611) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #a5cdf2 |
| RGB | rgb(165, 205, 242) |
| HSL | hsl(208.83, 74.76%, 79.8%) |
| HSB / HSV | hsv(208.83 31.82% 94.9%) |
| HWB | hwb(208.83 64.71% 5.1%) |
| CMYK | cmyk(32% 15% 0% 5%) |
| Lab | lab(80.47 -7.22 -22.87) |
| LCH | lch(80.47 23.99 252.47) |
| OKLab | oklab(83.227% -0.02671 -0.06175) |
| OKLCH | oklch(83.227% 0.06728 246.611) |
| Display P3 | color(display-p3 0.6784 0.79935 0.93531) |
| Rec. 2020 | color(rec2020 0.68749 0.77258 0.92524) |
| Adobe RGB | color(a98-rgb 0.69058 0.799 0.94182) |
| ProPhoto RGB | color(prophoto-rgb 0.69947 0.74962 0.91166) |
| Linear sRGB | color(srgb-linear 0.37626 0.6105 0.88792) |
| XYZ D65 | color(xyz-d65 0.53372 0.58072 0.92404) |
| XYZ D50 | color(xyz-d50 0.52625 0.5752 0.69857) |
| SwiftUI | Color(red: 0.647, green: 0.804, blue: 0.949) |
| UIKit | UIColor(red: 0.647, green: 0.804, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFA5CDF2) |
| Android XML | #A5CDF2 |

## Facts

- Closest name: Blossom Blue
- Hue family: Sky blue, pastel light sky blue
- Closest Tailwind class: blue-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.66:1
- Contrast with black: 12.61:1

## Tints

#a5cdf2, #aed2f3, #b7d7f5, #c0dcf6, #c9e1f8, #d2e6f9, #dbebfa, #e4f0fc, #edf5fd, #f6fafe

## Shades

#a5cdf2, #8fb2d2, #7998b4, #657e96, #516679, #3d4e5e, #2b3843, #1a232b, #0a0f14, #010203

## Tones

#a5cdf2, #a9cdee, #acccea, #b0cce6, #b4cbe1, #b7cbdd, #bbcad9, #becad5, #c1c9d0, #c5c8cc

## Harmonies

- Complementary: #a5cdf2, #e7c09a
- Split: #a5cdf2, #f0b9aa, #d4c997
- Analogous: #a5cdf2, #95d4e4, #bcc5f4
- Triadic: #a5cdf2, #efb6c1, #bdd1a1
- Tetradic: #a5cdf2, #d3bdeb, #e7c09a, #bdd1a1
- Square: #a5cdf2, #e5b8d8, #e7c09a, #a5d6b6
- Monochromatic: #a5cdf2, #5d82a4, #80a7ca, #d7f3ff, #e2f8ff

## Questions about #a5cdf2

### What color is #a5cdf2?

#a5cdf2 is pastel light sky blue. The closest named color is Blossom Blue. In RGB it is rgb(165, 205, 242), in HSL hsl(208.83, 74.76%, 79.8%) and in OKLCH oklch(83.227% 0.06728 246.611).

### What colors go well with #a5cdf2?

The complementary color of #a5cdf2 is #e7c09a. For a calmer combination use the analogous colors #95d4e4 and #bcc5f4. The triadic partners are #efb6c1 and #bdd1a1.

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

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

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

#a5cdf2 is a cool color. In OKLCH its hue is 247 degrees, its lightness 83.2% and its chroma 0.067.