# #ccccf9 color: Lavender Blue

#ccccf9 is rgb(204, 204, 249) in RGB and oklch(85.996% 0.06217 285.018) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccccf9 |
| RGB | rgb(204, 204, 249) |
| HSL | hsl(240, 78.95%, 88.82%) |
| HSB / HSV | hsv(240 18.07% 97.65%) |
| HWB | hwb(240 80% 2.35%) |
| CMYK | cmyk(18% 18% 0% 2%) |
| Lab | lab(83.16 6.77 -22.21) |
| LCH | lch(83.16 23.22 286.95) |
| OKLab | oklab(85.996% 0.01611 -0.06005) |
| OKLCH | oklch(85.996% 0.06217 285.018) |
| Display P3 | color(display-p3 0.8 0.8 0.96239) |
| Rec. 2020 | color(rec2020 0.78639 0.77929 0.95508) |
| Adobe RGB | color(a98-rgb 0.79502 0.79502 0.96904) |
| ProPhoto RGB | color(prophoto-rgb 0.78858 0.76229 0.94378) |
| Linear sRGB | color(srgb-linear 0.60383 0.60383 0.94731) |
| XYZ D65 | color(xyz-d65 0.6359 0.62862 0.98409) |
| XYZ D50 | color(xyz-d50 0.63141 0.62465 0.7435) |
| SwiftUI | Color(red: 0.8, green: 0.8, blue: 0.976) |
| UIKit | UIColor(red: 0.8, green: 0.8, blue: 0.976, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCCF9) |
| Android XML | #CCCCF9 |

## 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.55:1
- Contrast with black: 13.57:1

## Tints

#ccccf9, #d1d1fa, #d6d6fb, #dbdbfb, #e0e0fc, #e5e5fd, #eaebfd, #eff0fe, #f5f5fe, #fafaff

## Shades

#ccccf9, #b1b1d9, #9797b9, #7e7e9a, #65657d, #4e4e61, #373746, #22222c, #0f0f15, #020203

## Tones

#ccccf9, #cccdf5, #cdcdf1, #cdceed, #cecee9, #cecfe5, #cfcfe1, #cfd0dd, #d0d0d9, #d0d0d5

## Harmonies

- Complementary: #ccccf9, #d6d4a5
- Split: #ccccf9, #e9cca4, #c0dbb2
- Analogous: #ccccf9, #b6d4fa, #e1c5ee
- Triadic: #ccccf9, #f5c5b0, #abdfc7
- Tetradic: #ccccf9, #f0c1da, #d6d4a5, #abdfc7
- Square: #ccccf9, #f7c1c4, #d6d4a5, #a1dede
- Monochromatic: #ccccf9, #8281ab, #a6a6d1, #f2f2ff, #f2f2ff

## Questions about #ccccf9

### What color is #ccccf9?

#ccccf9 is pastel very light indigo. The closest named color is Lavender Blue. In RGB it is rgb(204, 204, 249), in HSL hsl(240, 78.95%, 88.82%) and in OKLCH oklch(85.996% 0.06217 285.018).

### What colors go well with #ccccf9?

The complementary color of #ccccf9 is #d6d4a5. For a calmer combination use the analogous colors #b6d4fa and #e1c5ee. The triadic partners are #f5c5b0 and #abdfc7.

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

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

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

#ccccf9 is a cool color. In OKLCH its hue is 285 degrees, its lightness 86% and its chroma 0.062.