# #cca5df color: Tropical Violet

#cca5df is rgb(204, 165, 223) in RGB and oklch(77.639% 0.0911 314.484) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #cca5df |
| RGB | rgb(204, 165, 223) |
| HSL | hsl(280.34, 47.54%, 76.08%) |
| HSB / HSV | hsv(280.34 26.01% 87.45%) |
| HWB | hwb(280.34 64.71% 12.55%) |
| CMYK | cmyk(9% 26% 0% 13%) |
| Lab | lab(72.81 22.53 -23.87) |
| LCH | lch(72.81 32.82 313.35) |
| OKLab | oklab(77.639% 0.06384 -0.065) |
| OKLCH | oklch(77.639% 0.0911 314.484) |
| Display P3 | color(display-p3 0.77568 0.6529 0.85939) |
| Rec. 2020 | color(rec2020 0.73011 0.62535 0.83932) |
| Adobe RGB | color(a98-rgb 0.75501 0.64117 0.86289) |
| ProPhoto RGB | color(prophoto-rgb 0.71561 0.6084 0.81574) |
| Linear sRGB | color(srgb-linear 0.60383 0.37626 0.73791) |
| XYZ D65 | color(xyz-d65 0.51674 0.45076 0.75793) |
| XYZ D50 | color(xyz-d50 0.51381 0.44882 0.57188) |
| SwiftUI | Color(red: 0.8, green: 0.647, blue: 0.875) |
| UIKit | UIColor(red: 0.8, green: 0.647, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFFCCA5DF) |
| Android XML | #CCA5DF |

## Facts

- Closest name: Tropical Violet
- Hue family: Purple, soft light purple
- Closest Tailwind class: violet-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.1:1
- Contrast with black: 10.02:1

## Tints

#cca5df, #d1aee2, #d6b7e6, #dbc0e9, #e0c9ec, #e6d2f0, #ebdbf3, #f0e4f6, #f5edf9, #faf6fc

## Shades

#cca5df, #b18fc2, #9779a5, #7e658a, #65516f, #4e3d56, #372b3d, #221a27, #0f0a12, #020102

## Tones

#cca5df, #caa7db, #c8a9d7, #c6abd3, #c3accf, #c1aecb, #bfb0c7, #bdb1c3, #bbb3be, #b8b5ba

## Harmonies

- Complementary: #cca5df, #9ec488
- Split: #cca5df, #bfba74, #7cc9a7
- Analogous: #cca5df, #afafef, #e19fc4
- Triadic: #cca5df, #d9ae73, #69c9c8
- Tetradic: #cca5df, #ea9ea4, #9ec488, #69c9c8
- Square: #cca5df, #e8a486, #9ec488, #71c3e2
- Monochromatic: #cca5df, #815d92, #a680b8, #f4cbff, #ffecff

## Questions about #cca5df

### What color is #cca5df?

#cca5df is soft light purple. The closest named color is Tropical Violet. In RGB it is rgb(204, 165, 223), in HSL hsl(280.34, 47.54%, 76.08%) and in OKLCH oklch(77.639% 0.0911 314.484).

### What colors go well with #cca5df?

The complementary color of #cca5df is #9ec488. For a calmer combination use the analogous colors #afafef and #e19fc4. The triadic partners are #d9ae73 and #69c9c8.

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

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

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

#cca5df is a neutral color. In OKLCH its hue is 314 degrees, its lightness 77.6% and its chroma 0.091.