# #f5abfc color: Pink Sugar

#f5abfc is rgb(245, 171, 252) in RGB and oklch(83.806% 0.13515 323.704) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f5abfc |
| RGB | rgb(245, 171, 252) |
| HSL | hsl(294.81, 93.1%, 82.94%) |
| HSB / HSV | hsv(294.81 32.14% 98.82%) |
| HWB | hwb(294.81 67.06% 1.18%) |
| CMYK | cmyk(3% 32% 0% 1%) |
| Lab | lab(79.28 37.46 -29.24) |
| LCH | lch(79.28 47.52 322.03) |
| OKLab | oklab(83.806% 0.10893 -0.08) |
| OKLCH | oklch(83.806% 0.13515 323.704) |
| Display P3 | color(display-p3 0.9179 0.68291 0.96923) |
| Rec. 2020 | color(rec2020 0.86602 0.66712 0.96087) |
| Adobe RGB | color(a98-rgb 0.88742 0.66466 0.97701) |
| ProPhoto RGB | color(prophoto-rgb 0.85518 0.65969 0.94652) |
| Linear sRGB | color(srgb-linear 0.9131 0.40724 0.97345) |
| XYZ D65 | color(xyz-d65 0.69786 0.55568 0.99148) |
| XYZ D50 | color(xyz-d50 0.6943 0.55411 0.74739) |
| SwiftUI | Color(red: 0.961, green: 0.671, blue: 0.988) |
| UIKit | UIColor(red: 0.961, green: 0.671, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFF5ABFC) |
| Android XML | #F5ABFC |

## Facts

- Closest name: Pink Sugar
- Hue family: Magenta, bright light magenta
- Closest Tailwind class: fuchsia-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.73:1
- Contrast with black: 12.11:1

## Tints

#f5abfc, #f6b4fd, #f8bcfd, #f9c5fe, #facdfe, #fbd6fe, #fcdeff, #fde6ff, #feefff, #fef7ff

## Shades

#f5abfc, #d594db, #b67ebb, #98689c, #7b547e, #5f4062, #442d47, #2b1b2d, #150b16, #030103

## Tones

#f5abfc, #f1aff7, #edb2f2, #e9b5ed, #e5b8e8, #e0bce3, #dcbfde, #d8c1d9, #d3c4d4, #cec7cf

## Harmonies

- Complementary: #f5abfc, #92e190
- Split: #f5abfc, #c9d465, #53e6c3
- Analogous: #f5abfc, #cdbcff, #ffa6d0
- Triadic: #f5abfc, #f4c257, #30e3f2
- Tetradic: #f5abfc, #ffada7, #92e190, #30e3f2
- Square: #f5abfc, #ffb276, #92e190, #71d7ff
- Monochromatic: #f5abfc, #a661ad, #cd85d4, #ffe3ff, #ffeaff

## Questions about #f5abfc

### What color is #f5abfc?

#f5abfc is bright light magenta. The closest named color is Pink Sugar. In RGB it is rgb(245, 171, 252), in HSL hsl(294.81, 93.1%, 82.94%) and in OKLCH oklch(83.806% 0.13515 323.704).

### What colors go well with #f5abfc?

The complementary color of #f5abfc is #92e190. For a calmer combination use the analogous colors #cdbcff and #ffa6d0. The triadic partners are #f4c257 and #30e3f2.

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

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

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

#f5abfc is a neutral color. In OKLCH its hue is 324 degrees, its lightness 83.8% and its chroma 0.135.