# #af677f color: Crushed Raspberry

#af677f is rgb(175, 103, 127) in RGB and oklch(60.064% 0.0966 359.003) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #af677f |
| RGB | rgb(175, 103, 127) |
| HSL | hsl(340, 31.03%, 54.51%) |
| HSB / HSV | hsv(340 41.14% 68.63%) |
| HWB | hwb(340 40.39% 31.37%) |
| CMYK | cmyk(0% 41% 27% 31%) |
| Lab | lab(52.45 31.87 -0.27) |
| LCH | lch(52.45 31.87 359.52) |
| OKLab | oklab(60.064% 0.09658 -0.00168) |
| OKLCH | oklch(60.064% 0.0966 359.003) |
| Display P3 | color(display-p3 0.64737 0.41736 0.49603) |
| Rec. 2020 | color(rec2020 0.56162 0.37819 0.44422) |
| Adobe RGB | color(a98-rgb 0.61654 0.40316 0.49084) |
| ProPhoto RGB | color(prophoto-rgb 0.51372 0.36951 0.41671) |
| Linear sRGB | color(srgb-linear 0.42869 0.13563 0.21223) |
| XYZ D65 | color(xyz-d65 0.26359 0.20348 0.22619) |
| XYZ D50 | color(xyz-d50 0.26954 0.20548 0.17069) |
| SwiftUI | Color(red: 0.686, green: 0.404, blue: 0.498) |
| UIKit | UIColor(red: 0.686, green: 0.404, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFFAF677F) |
| Android XML | #AF677F |

## Facts

- Closest name: Crushed Raspberry
- Hue family: Pink, soft pink
- Closest Tailwind class: mauve-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.14:1
- Contrast with black: 5.07:1

## Tints

#af677f, #b8768b, #c08597, #c993a4, #d1a2b0, #d9b1bd, #e1c1ca, #e9d0d7, #f0e0e4, #f8eff2

## Shades

#af677f, #98596e, #814b5d, #6b3d4c, #56303c, #41232d, #2e171f, #1c0c11, #0b0406, #010001

## Tones

#af677f, #ab6a7f, #a76d7f, #a2707f, #9e727f, #997580, #957780, #907a80, #8b7c80, #867e80

## Harmonies

- Complementary: #af677f, #2b9381
- Split: #af677f, #559060, #1f909f
- Analogous: #af677f, #a06b9d, #b3695f
- Triadic: #af677f, #7a8942, #4388b4
- Tetradic: #af677f, #ab7142, #2b9381, #4388b4
- Square: #af677f, #987d35, #2b9381, #697ebb
- Monochromatic: #af677f, #63233c, #89445c, #d78ba3, #ffb1c9

## Questions about #af677f

### What color is #af677f?

#af677f is soft pink. The closest named color is Crushed Raspberry. In RGB it is rgb(175, 103, 127), in HSL hsl(340, 31.03%, 54.51%) and in OKLCH oklch(60.064% 0.0966 359.003).

### What colors go well with #af677f?

The complementary color of #af677f is #2b9381. For a calmer combination use the analogous colors #a06b9d and #b3695f. The triadic partners are #7a8942 and #4388b4.

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

White text reads better on #af677f: white gives a contrast ratio of 4.14:1 and black gives 5.07:1. WCAG AA asks for at least 4.5:1 for body text.

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

#af677f is a warm color. In OKLCH its hue is 359 degrees, its lightness 60.1% and its chroma 0.097.