# #f587cd color: Bubblegum Beam

#f587cd is rgb(245, 135, 205) in RGB and oklch(76.404% 0.15662 342.633) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f587cd |
| RGB | rgb(245, 135, 205) |
| HSL | hsl(321.82, 84.62%, 74.51%) |
| HSB / HSV | hsv(321.82 44.9% 96.08%) |
| HWB | hwb(321.82 52.94% 3.92%) |
| CMYK | cmyk(0% 45% 16% 4%) |
| Lab | lab(70.45 49.17 -17) |
| LCH | lch(70.45 52.03 340.92) |
| OKLab | oklab(76.404% 0.14948 -0.04675) |
| OKLCH | oklch(76.404% 0.15662 342.633) |
| Display P3 | color(display-p3 0.90332 0.55122 0.79119) |
| Rec. 2020 | color(rec2020 0.82431 0.53324 0.76305) |
| Adobe RGB | color(a98-rgb 0.86233 0.52486 0.78992) |
| ProPhoto RGB | color(prophoto-rgb 0.78655 0.52973 0.73339) |
| Linear sRGB | color(srgb-linear 0.9131 0.24228 0.6105) |
| XYZ D65 | color(xyz-d65 0.57337 0.41151 0.62683) |
| XYZ D50 | color(xyz-d50 0.57883 0.41385 0.47219) |
| SwiftUI | Color(red: 0.961, green: 0.529, blue: 0.804) |
| UIKit | UIColor(red: 0.961, green: 0.529, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFFF587CD) |
| Android XML | #F587CD |

## Facts

- Closest name: Bubblegum Beam
- Hue family: Pink, bright light pink
- Closest Tailwind class: pink-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.28:1
- Contrast with black: 9.23:1

## Tints

#f587cd, #f794d2, #f9a0d7, #fbacdc, #fdb8e1, #fec4e6, #ffd0eb, #ffdcf0, #ffe8f5, #fff3fa

## Shades

#f587cd, #d575b2, #b66398, #98517e, #7b4166, #5f314e, #442138, #2b1323, #15060f, #030102

## Tones

#f587cd, #ef8cca, #e991c8, #e396c5, #dd9bc3, #d69fc0, #cfa3bd, #c9a7ba, #c1abb8, #baafb5

## Harmonies

- Complementary: #f587cd, #2bd194
- Split: #f587cd, #8bc757, #00cfcc
- Analogous: #f587cd, #d493f9, #ff8496
- Triadic: #f587cd, #c6b515, #00c6fa
- Tetradic: #f587cd, #ff8d5c, #2bd194, #00c6fa
- Square: #f587cd, #eea01d, #2bd194, #69b6ff
- Monochromatic: #f587cd, #a43d82, #cc62a7, #ffbcec, #ffe9fe

## Questions about #f587cd

### What color is #f587cd?

#f587cd is bright light pink. The closest named color is Bubblegum Beam. In RGB it is rgb(245, 135, 205), in HSL hsl(321.82, 84.62%, 74.51%) and in OKLCH oklch(76.404% 0.15662 342.633).

### What colors go well with #f587cd?

The complementary color of #f587cd is #2bd194. For a calmer combination use the analogous colors #d493f9 and #ff8496. The triadic partners are #c6b515 and #00c6fa.

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

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

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

#f587cd is a warm color. In OKLCH its hue is 343 degrees, its lightness 76.4% and its chroma 0.157.