# #ca85a3 color: Moonlight Mauve

#ca85a3 is rgb(202, 133, 163) in RGB and oklch(69.581% 0.09264 352.104) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ca85a3 |
| RGB | rgb(202, 133, 163) |
| HSL | hsl(333.91, 39.43%, 65.69%) |
| HSB / HSV | hsv(333.91 34.16% 79.22%) |
| HWB | hwb(333.91 52.16% 20.78%) |
| CMYK | cmyk(0% 34% 19% 21%) |
| Lab | lab(63.49 30.36 -4.51) |
| LCH | lch(63.49 30.7 351.56) |
| OKLab | oklab(69.581% 0.09176 -0.01273) |
| OKLCH | oklch(69.581% 0.09264 352.104) |
| Display P3 | color(display-p3 0.75313 0.5335 0.63469) |
| Rec. 2020 | color(rec2020 0.67856 0.50097 0.59341) |
| Adobe RGB | color(a98-rgb 0.72244 0.51718 0.62908) |
| ProPhoto RGB | color(prophoto-rgb 0.63497 0.48642 0.5621) |
| Linear sRGB | color(srgb-linear 0.59062 0.23455 0.36625) |
| XYZ D65 | color(xyz-d65 0.39354 0.31977 0.38751) |
| XYZ D50 | color(xyz-d50 0.40029 0.32176 0.29253) |
| SwiftUI | Color(red: 0.792, green: 0.522, blue: 0.639) |
| UIKit | UIColor(red: 0.792, green: 0.522, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFFCA85A3) |
| Android XML | #CA85A3 |

## Facts

- Closest name: Moonlight Mauve
- Hue family: Pink, soft pink
- Closest Tailwind class: mauve-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.84:1
- Contrast with black: 7.4:1

## Tints

#ca85a3, #d091ac, #d69db5, #dba9be, #e1b5c7, #e6c1d0, #eccdd9, #f1dae3, #f6e6ec, #faf3f5

## Shades

#ca85a3, #af738d, #956178, #7c5063, #64404f, #4d303c, #37212a, #221319, #0f060a, #020101

## Tones

#ca85a3, #c688a2, #c28aa2, #be8da1, #b98fa1, #b592a0, #b0949f, #ac969f, #a7999e, #a29b9e

## Harmonies

- Complementary: #ca85a3, #5ab097
- Split: #ca85a3, #7cac76, #4aaeb6
- Analogous: #ca85a3, #b98abf, #d18683
- Triadic: #ca85a3, #9ea35e, #5da7cd
- Tetradic: #ca85a3, #cb8d66, #5ab097, #5da7cd
- Square: #ca85a3, #ba9857, #5ab097, #7e9dd7
- Monochromatic: #ca85a3, #7d3f5c, #a3617f, #f2aac9, #ffd9ee

## Questions about #ca85a3

### What color is #ca85a3?

#ca85a3 is soft pink. The closest named color is Moonlight Mauve. In RGB it is rgb(202, 133, 163), in HSL hsl(333.91, 39.43%, 65.69%) and in OKLCH oklch(69.581% 0.09264 352.104).

### What colors go well with #ca85a3?

The complementary color of #ca85a3 is #5ab097. For a calmer combination use the analogous colors #b98abf and #d18683. The triadic partners are #9ea35e and #5da7cd.

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

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

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

#ca85a3 is a warm color. In OKLCH its hue is 352 degrees, its lightness 69.6% and its chroma 0.093.