# #ccc2f0 color: Violet Gems

#ccc2f0 is rgb(204, 194, 240) in RGB and oklch(83.727% 0.06441 294.937) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccc2f0 |
| RGB | rgb(204, 194, 240) |
| HSL | hsl(253.04, 60.53%, 85.1%) |
| HSB / HSV | hsv(253.04 19.17% 94.12%) |
| HWB | hwb(253.04 76.08% 5.88%) |
| CMYK | cmyk(15% 19% 0% 6%) |
| Lab | lab(80.4 10.34 -21.58) |
| LCH | lch(80.4 23.93 295.59) |
| OKLab | oklab(83.727% 0.02716 -0.05841) |
| OKLCH | oklch(83.727% 0.06441 294.937) |
| Display P3 | color(display-p3 0.79322 0.76213 0.92742) |
| Rec. 2020 | color(rec2020 0.77045 0.73912 0.91583) |
| Adobe RGB | color(a98-rgb 0.78396 0.75531 0.93259) |
| ProPhoto RGB | color(prophoto-rgb 0.7669 0.72112 0.90033) |
| Linear sRGB | color(srgb-linear 0.60383 0.53948 0.87137) |
| XYZ D65 | color(xyz-d65 0.59919 0.57712 0.90424) |
| XYZ D50 | color(xyz-d50 0.59576 0.57392 0.68302) |
| SwiftUI | Color(red: 0.8, green: 0.761, blue: 0.941) |
| UIKit | UIColor(red: 0.8, green: 0.761, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC2F0) |
| Android XML | #CCC2F0 |

## Facts

- Closest name: Violet Gems
- Hue family: Violet, pastel light violet
- Closest Tailwind class: indigo-200
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.67:1
- Contrast with black: 12.54:1

## Tints

#ccc2f0, #d1c8f2, #d6cef3, #dbd4f5, #e0daf6, #e5e0f8, #eae6f9, #efedfb, #f5f3fc, #faf9fe

## Shades

#ccc2f0, #b1a8d1, #978fb2, #7e7795, #656078, #4e495d, #373443, #22202a, #0f0e14, #020203

## Tones

#ccc2f0, #ccc3ec, #cbc4e8, #cbc4e5, #cbc5e1, #cbc6dd, #cac7d9, #cac7d5, #cac8d1, #cac9cd

## Harmonies

- Complementary: #ccc2f0, #c8cf9f
- Split: #ccc2f0, #ddc79a, #b0d5b0
- Analogous: #ccc2f0, #b5caf5, #e0bce1
- Triadic: #ccc2f0, #ecbfa2, #9ed8c7
- Tetradic: #ccc2f0, #edb9cc, #c8cf9f, #9ed8c7
- Square: #ccc2f0, #f1bab5, #c8cf9f, #98d6de
- Monochromatic: #ccc2f0, #8278a2, #a69cc8, #f2ebff, #f6f1ff

## Questions about #ccc2f0

### What color is #ccc2f0?

#ccc2f0 is pastel light violet. The closest named color is Violet Gems. In RGB it is rgb(204, 194, 240), in HSL hsl(253.04, 60.53%, 85.1%) and in OKLCH oklch(83.727% 0.06441 294.937).

### What colors go well with #ccc2f0?

The complementary color of #ccc2f0 is #c8cf9f. For a calmer combination use the analogous colors #b5caf5 and #e0bce1. The triadic partners are #ecbfa2 and #9ed8c7.

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

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

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

#ccc2f0 is a cool color. In OKLCH its hue is 295 degrees, its lightness 83.7% and its chroma 0.064.