# #cccdfd color: Lavender Blue

#cccdfd is rgb(204, 205, 253) in RGB and oklch(86.338% 0.06633 283.981) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cccdfd |
| RGB | rgb(204, 205, 253) |
| HSL | hsl(238.78, 92.45%, 89.61%) |
| HSB / HSV | hsv(238.78 19.37% 99.22%) |
| HWB | hwb(238.78 80% 0.78%) |
| CMYK | cmyk(19% 19% 0% 1%) |
| Lab | lab(83.52 6.93 -23.78) |
| LCH | lch(83.52 24.76 286.24) |
| OKLab | oklab(86.338% 0.01603 -0.06437) |
| OKLCH | oklch(86.338% 0.06633 283.981) |
| Display P3 | color(display-p3 0.8007 0.80379 0.97718) |
| Rec. 2020 | color(rec2020 0.78878 0.78353 0.97152) |
| Adobe RGB | color(a98-rgb 0.79616 0.799 0.98483) |
| ProPhoto RGB | color(prophoto-rgb 0.79335 0.76698 0.9617) |
| Linear sRGB | color(srgb-linear 0.60383 0.6105 0.98225) |
| XYZ D65 | color(xyz-d65 0.64459 0.63592 1.0181) |
| XYZ D50 | color(xyz-d50 0.63898 0.63155 0.7691) |
| SwiftUI | Color(red: 0.8, green: 0.804, blue: 0.992) |
| UIKit | UIColor(red: 0.8, green: 0.804, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCDFD) |
| Android XML | #CCCDFD |

## Facts

- Closest name: Lavender Blue
- Hue family: Indigo, pastel very light indigo
- Closest Tailwind class: indigo-200
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.53:1
- Contrast with black: 13.72:1

## Tints

#cccdfd, #d1d2fd, #d6d7fe, #dbdcfe, #e0e1fe, #e5e6ff, #eaebff, #eff0ff, #f5f5ff, #fafaff

## Shades

#cccdfd, #b1b2dc, #9798bc, #7e7e9d, #65667f, #4e4e62, #373847, #22232d, #0f0f16, #020203

## Tones

#cccdfd, #cdcef9, #cdcef5, #cecff0, #cecfec, #cfd0e8, #cfd0e3, #d0d1df, #d1d1db, #d1d1d6

## Harmonies

- Complementary: #cccdfd, #d9d5a3
- Split: #cccdfd, #edcca2, #c1dcb0
- Analogous: #cccdfd, #b5d5fe, #e2c6f1
- Triadic: #cccdfd, #f9c5af, #aae0c6
- Tetradic: #cccdfd, #f3c1dd, #d9d5a3, #aae0c6
- Square: #cccdfd, #fbc1c5, #d9d5a3, #9ee0df
- Monochromatic: #cccdfd, #8282ae, #a6a7d5, #f1f3ff, #f1f3ff

## Questions about #cccdfd

### What color is #cccdfd?

#cccdfd is pastel very light indigo. The closest named color is Lavender Blue. In RGB it is rgb(204, 205, 253), in HSL hsl(238.78, 92.45%, 89.61%) and in OKLCH oklch(86.338% 0.06633 283.981).

### What colors go well with #cccdfd?

The complementary color of #cccdfd is #d9d5a3. For a calmer combination use the analogous colors #b5d5fe and #e2c6f1. The triadic partners are #f9c5af and #aae0c6.

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

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

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

#cccdfd is a cool color. In OKLCH its hue is 284 degrees, its lightness 86.3% and its chroma 0.066.