# #d686ca color: Pink Punk

#d686ca is rgb(214, 134, 202) in RGB and oklch(72.51% 0.13075 332.4) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #d686ca |
| RGB | rgb(214, 134, 202) |
| HSL | hsl(309, 49.38%, 68.24%) |
| HSB / HSV | hsv(309 37.38% 83.92%) |
| HWB | hwb(309 52.55% 16.08%) |
| CMYK | cmyk(0% 37% 6% 16%) |
| Lab | lab(66.24 38.89 -22.13) |
| LCH | lch(66.24 44.75 330.36) |
| OKLab | oklab(72.51% 0.11587 -0.06058) |
| OKLCH | oklch(72.51% 0.13075 332.4) |
| Display P3 | color(display-p3 0.795 0.53986 0.77758) |
| Rec. 2020 | color(rec2020 0.72399 0.51299 0.74819) |
| Adobe RGB | color(a98-rgb 0.76122 0.52102 0.77822) |
| ProPhoto RGB | color(prophoto-rgb 0.69363 0.5037 0.7178) |
| Linear sRGB | color(srgb-linear 0.67244 0.2384 0.59062) |
| XYZ D65 | color(xyz-d65 0.46915 0.35612 0.60282) |
| XYZ D50 | color(xyz-d50 0.46955 0.35632 0.45427) |
| SwiftUI | Color(red: 0.839, green: 0.525, blue: 0.792) |
| UIKit | UIColor(red: 0.839, green: 0.525, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFFD686CA) |
| Android XML | #D686CA |

## Facts

- Closest name: Pink Punk
- Hue family: Magenta, soft light magenta
- Closest Tailwind class: pink-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.59:1
- Contrast with black: 8.12:1

## Tints

#d686ca, #db92cf, #df9ed5, #e4abda, #e8b7e0, #edc3e5, #f1cfea, #f4dbef, #f8e7f5, #fcf3fa

## Shades

#d686ca, #ba74af, #9e6295, #84517c, #6a4064, #52304d, #3b2137, #251322, #10060f, #020102

## Tones

#d686ca, #d28ac7, #cd8dc3, #c991bf, #c494bc, #bf97b8, #bb9bb5, #b69eb1, #b1a0ad, #aba3aa

## Harmonies

- Complementary: #d686ca, #5ebe7d
- Split: #d686ca, #98b34f, #00c0ad
- Analogous: #d686ca, #b691ea, #e9819f
- Triadic: #d686ca, #c3a333, #00bbd6
- Tetradic: #d686ca, #ec8571, #5ebe7d, #00bbd6
- Square: #d686ca, #e09246, #5ebe7d, #51aff1
- Monochromatic: #d686ca, #883e7f, #af62a4, #ffacf2, #ffe6ff

## Questions about #d686ca

### What color is #d686ca?

#d686ca is soft light magenta. The closest named color is Pink Punk. In RGB it is rgb(214, 134, 202), in HSL hsl(309, 49.38%, 68.24%) and in OKLCH oklch(72.51% 0.13075 332.4).

### What colors go well with #d686ca?

The complementary color of #d686ca is #5ebe7d. For a calmer combination use the analogous colors #b691ea and #e9819f. The triadic partners are #c3a333 and #00bbd6.

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

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

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

#d686ca is a neutral color. In OKLCH its hue is 332 degrees, its lightness 72.5% and its chroma 0.131.