Skip to the color picker

#f2a0da color: Violet Kiss

#f2a0da is rgb(242, 160, 218) in RGB and oklch(80.415% 0.12122 338.169) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

318°
100%

80.4%
0.121
338°
  • Magenta
  • Light
  • Vivid
  • Neutral
  • ≈ Plum
  • pink-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.94:1Hard to read
Lc -41
Black text
10.82:1Readable · AA
Lc 67

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #f2a0da

#f2a0da is a bright light magenta color. In OKLCH it has 80.4% lightness, 0.121 chroma and a hue of 338°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.94:1 contrast and black text 10.82:1, so black text reads better.

The closest named color is Violet Kiss (#f0a0d1). In Tailwind CSS the closest color is pink-300.

More light magenta colors

Lighter: #f2a0da mixed with white

  1. f2a0da
  2. f4aade
  3. f6b3e2
  4. f8bde5
  5. f9c6e9
  6. fbd0ed
  7. fcd9f0
  8. fde3f4
  9. feecf8
  10. fef6fb

Darker: #f2a0da mixed with black

  1. f2a0da
  2. d28bbd
  3. b476a2
  4. 966187
  5. 794e6c
  6. 5e3b54
  7. 43293c
  8. 2b1925
  9. 140911
  10. 030102

Calmer: #f2a0da with less saturation

  1. f2a0da
  2. eda4d7
  3. e9a7d5
  4. e4aad2
  5. dfadcf
  6. dab1cd
  7. d5b4ca
  8. d0b6c7
  9. cab9c4
  10. c5bcc2

Questions about #f2a0da

What color is #f2a0da?

#f2a0da is bright light magenta. The closest named color is Violet Kiss. In RGB it is rgb(242, 160, 218), in HSL hsl(317.56, 75.93%, 78.82%) and in OKLCH oklch(80.415% 0.12122 338.169).

What colors go well with #f2a0da?

The complementary color of #f2a0da is #75d7a1. For a calmer combination use the analogous colors #d5a9fb and #ff9db0. The triadic partners are #d4c05d and #4fd2f3.

Is white or black text more readable on #f2a0da?

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

Is #f2a0da a warm or cool color?

#f2a0da is a neutral color. In OKLCH its hue is 338 degrees, its lightness 80.4% and its chroma 0.121.