# #f396da color: Bubblegum Kisses

#f396da is rgb(243, 150, 218) in RGB and oklch(78.923% 0.13925 337.484) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f396da |
| RGB | rgb(243, 150, 218) |
| HSL | hsl(316.13, 79.49%, 77.06%) |
| HSB / HSV | hsv(316.13 38.27% 95.29%) |
| HWB | hwb(316.13 58.82% 4.71%) |
| CMYK | cmyk(0% 38% 10% 5%) |
| Lab | lab(73.58 42.76 -19.49) |
| LCH | lch(73.58 46.99 335.5) |
| OKLab | oklab(78.923% 0.12863 -0.05332) |
| OKLCH | oklch(78.923% 0.13925 337.484) |
| Display P3 | color(display-p3 0.90196 0.60517 0.84105) |
| Rec. 2020 | color(rec2020 0.83284 0.58641 0.81837) |
| Adobe RGB | color(a98-rgb 0.86549 0.58277 0.84184) |
| ProPhoto RGB | color(prophoto-rgb 0.80293 0.5793 0.79239) |
| Linear sRGB | color(srgb-linear 0.89627 0.30499 0.7011) |
| XYZ D65 | color(xyz-d65 0.60521 0.45931 0.7201) |
| XYZ D50 | color(xyz-d50 0.60861 0.46056 0.54274) |
| SwiftUI | Color(red: 0.953, green: 0.588, blue: 0.855) |
| UIKit | UIColor(red: 0.953, green: 0.588, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFFF396DA) |
| Android XML | #F396DA |

## Facts

- Closest name: Bubblegum Kisses
- Hue family: Magenta, bright light magenta
- Closest Tailwind class: pink-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.06:1
- Contrast with black: 10.19:1

## Tints

#f396da, #f5a1de, #f7ace2, #f9b6e5, #fac1e9, #fccbed, #fdd6f1, #fee0f4, #feeaf8, #fff5fb

## Shades

#f396da, #d382bd, #b46ea2, #975b87, #7a496c, #5e3754, #44263c, #2b1625, #140811, #030102

## Tones

#f396da, #ee9ad7, #e99ed4, #e3a2d1, #dea6ce, #d8aaca, #d3adc7, #cdb1c4, #c7b4c1, #c1b7bd

## Harmonies

- Complementary: #f396da, #61d597
- Split: #f396da, #a1cb64, #00d6ca
- Analogous: #f396da, #d2a1ff, #ff92aa
- Triadic: #f396da, #d3ba41, #13cff5
- Tetradic: #f396da, #ff9978, #61d597, #13cff5
- Square: #f396da, #f5a84d, #61d597, #6dc1ff
- Monochromatic: #f396da, #a34d8e, #ca71b3, #ffc8f8, #ffe9ff

## Questions about #f396da

### What color is #f396da?

#f396da is bright light magenta. The closest named color is Bubblegum Kisses. In RGB it is rgb(243, 150, 218), in HSL hsl(316.13, 79.49%, 77.06%) and in OKLCH oklch(78.923% 0.13925 337.484).

### What colors go well with #f396da?

The complementary color of #f396da is #61d597. For a calmer combination use the analogous colors #d2a1ff and #ff92aa. The triadic partners are #d3ba41 and #13cff5.

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

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

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

#f396da is a neutral color. In OKLCH its hue is 337 degrees, its lightness 78.9% and its chroma 0.139.