# #bb77a0 color: Valentine Heart

#bb77a0 is rgb(187, 119, 160) in RGB and oklch(65.352% 0.10011 343.311) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb77a0 |
| RGB | rgb(187, 119, 160) |
| HSL | hsl(323.82, 33.33%, 60%) |
| HSB / HSV | hsv(323.82 36.36% 73.33%) |
| HWB | hwb(323.82 46.67% 26.67%) |
| CMYK | cmyk(0% 36% 14% 27%) |
| Lab | lab(58.43 31.75 -10.49) |
| LCH | lch(58.43 33.44 341.72) |
| OKLab | oklab(65.352% 0.09589 -0.02875) |
| OKLCH | oklch(65.352% 0.10011 343.311) |
| Display P3 | color(display-p3 0.6954 0.47869 0.61961) |
| Rec. 2020 | color(rec2020 0.61844 0.44296 0.57652) |
| Adobe RGB | color(a98-rgb 0.66516 0.46368 0.61609) |
| ProPhoto RGB | color(prophoto-rgb 0.57846 0.43111 0.54407) |
| Linear sRGB | color(srgb-linear 0.49693 0.18447 0.35153) |
| XYZ D65 | color(xyz-d65 0.33434 0.26298 0.36574) |
| XYZ D50 | color(xyz-d50 0.33804 0.26412 0.27586) |
| SwiftUI | Color(red: 0.733, green: 0.467, blue: 0.627) |
| UIKit | UIColor(red: 0.733, green: 0.467, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFFBB77A0) |
| Android XML | #BB77A0 |

## Facts

- Closest name: Valentine Heart
- Hue family: Pink, soft pink
- Closest Tailwind class: mauve-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.36:1
- Contrast with black: 6.26:1

## Tints

#bb77a0, #c284a9, #ca92b2, #d19fbc, #d8acc5, #dfbacf, #e5c8d8, #ecd5e2, #f2e3eb, #f9f1f5

## Shades

#bb77a0, #a2678b, #8a5776, #734761, #5c384e, #462a3b, #321c29, #1f1019, #0d0509, #020101

## Tones

#bb77a0, #b77a9e, #b37d9d, #af7f9b, #ab829a, #a78498, #a38797, #9e8995, #9a8c93, #958e92

## Harmonies

- Complementary: #bb77a0, #4fa37f
- Split: #bb77a0, #789e5d, #2ea3a1
- Analogous: #bb77a0, #a67ebc, #c5767e
- Triadic: #bb77a0, #9b9345, #3d9dbd
- Tetradic: #bb77a0, #c47b5d, #4fa37f, #3d9dbd
- Square: #bb77a0, #b58646, #4fa37f, #6393cc
- Monochromatic: #bb77a0, #6f3259, #94547c, #e39cc6, #ffc2ed

## Questions about #bb77a0

### What color is #bb77a0?

#bb77a0 is soft pink. The closest named color is Valentine Heart. In RGB it is rgb(187, 119, 160), in HSL hsl(323.82, 33.33%, 60%) and in OKLCH oklch(65.352% 0.10011 343.311).

### What colors go well with #bb77a0?

The complementary color of #bb77a0 is #4fa37f. For a calmer combination use the analogous colors #a67ebc and #c5767e. The triadic partners are #9b9345 and #3d9dbd.

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

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

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

#bb77a0 is a warm color. In OKLCH its hue is 343 degrees, its lightness 65.4% and its chroma 0.1.