# #ccbae3 color: Drifting Dream

#ccbae3 is rgb(204, 186, 227) in RGB and oklch(81.717% 0.0599 305.012) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccbae3 |
| RGB | rgb(204, 186, 227) |
| HSL | hsl(266.34, 42.27%, 80.98%) |
| HSB / HSV | hsv(266.34 18.06% 89.02%) |
| HWB | hwb(266.34 72.94% 10.98%) |
| CMYK | cmyk(10% 18% 0% 11%) |
| Lab | lab(78.05 12.36 -18.16) |
| LCH | lch(78.05 21.97 304.23) |
| OKLab | oklab(81.717% 0.03437 -0.04906) |
| OKLCH | oklch(81.717% 0.0599 305.012) |
| Display P3 | color(display-p3 0.78807 0.7319 0.87837) |
| Rec. 2020 | color(rec2020 0.75687 0.70686 0.86132) |
| Adobe RGB | color(a98-rgb 0.7755 0.72367 0.88096) |
| ProPhoto RGB | color(prophoto-rgb 0.7457 0.68786 0.84136) |
| Linear sRGB | color(srgb-linear 0.60383 0.49102 0.76815) |
| XYZ D65 | color(xyz-d65 0.56323 0.53501 0.80035) |
| XYZ D50 | color(xyz-d50 0.56233 0.53292 0.60461) |
| SwiftUI | Color(red: 0.8, green: 0.729, blue: 0.89) |
| UIKit | UIColor(red: 0.8, green: 0.729, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBAE3) |
| Android XML | #CCBAE3 |

## Facts

- Closest name: Drifting Dream
- Hue family: Purple, pastel light purple
- Closest Tailwind class: violet-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.79:1
- Contrast with black: 11.7:1

## Tints

#ccbae3, #d1c1e6, #d6c8e9, #dbceec, #e0d5ef, #e5dcf1, #eae3f4, #efeaf7, #f5f1fa, #faf8fc

## Shades

#ccbae3, #b1a1c5, #9789a8, #7e728c, #655c71, #4e4657, #37323f, #221e27, #0f0d12, #020203

## Tones

#ccbae3, #cbbbe0, #cabcdd, #c9bdda, #c8bed6, #c7bfd3, #c7c0d0, #c6c0cd, #c5c1ca, #c4c2c6

## Harmonies

- Complementary: #ccbae3, #bacba0
- Split: #ccbae3, #cfc398, #a5cfb3
- Analogous: #ccbae3, #b7c1eb, #ddb5d3
- Triadic: #ccbae3, #dfbc9b, #97d0c8
- Tetradic: #ccbae3, #e6b4be, #bacba0, #97d0c8
- Square: #ccbae3, #e7b6a9, #bacba0, #97cedc
- Monochromatic: #ccbae3, #827196, #a695bc, #f3e1ff, #fceeff

## Questions about #ccbae3

### What color is #ccbae3?

#ccbae3 is pastel light purple. The closest named color is Drifting Dream. In RGB it is rgb(204, 186, 227), in HSL hsl(266.34, 42.27%, 80.98%) and in OKLCH oklch(81.717% 0.0599 305.012).

### What colors go well with #ccbae3?

The complementary color of #ccbae3 is #bacba0. For a calmer combination use the analogous colors #b7c1eb and #ddb5d3. The triadic partners are #dfbc9b and #97d0c8.

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

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

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

#ccbae3 is a neutral color. In OKLCH its hue is 305 degrees, its lightness 81.7% and its chroma 0.06.