Skip to the color picker

#e684d2 color: Soft light magenta

#e684d2 is rgb(230, 132, 210) in RGB and oklch(74.36% 0.15318 335.004) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

312°
100%

74.4%
0.153
335°
  • Magenta
  • Light
  • Soft
  • Neutral
  • ≈ Violet
  • pink-400
  • Black 10%

Inside sRGB: displays the same on any screen.

White text
2.44:1Hard to read
Lc -53
Black text
8.60:1Readable · AA
Lc 56

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 #e684d2

#e684d2 is a soft light magenta color. In OKLCH it has 74.4% lightness, 0.153 chroma and a hue of 335°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.44:1 contrast and black text 8.6:1, so black text reads better.

The closest named color is Blushed Bombshell (#ee88cc). In Tailwind CSS the closest color is pink-400.

More light magenta colors

Lighter: #e684d2 mixed with white

  1. e684d2
  2. ea91d7
  3. ed9ddb
  4. f0aae0
  5. f3b6e5
  6. f5c2e9
  7. f8cfee
  8. fadbf2
  9. fce7f6
  10. fef3fb

Darker: #e684d2 mixed with black

  1. e684d2
  2. c872b6
  3. ab609b
  4. 8e4f81
  5. 733f68
  6. 592f50
  7. 402039
  8. 281224
  9. 130610
  10. 030102

Calmer: #e684d2 with less saturation

  1. e684d2
  2. e189ce
  3. dc8dcb
  4. d692c7
  5. d196c3
  6. cb9abf
  7. c59ebb
  8. bfa1b8
  9. b9a5b4
  10. b2a8b0

Similar named colors

Colors that go with #e684d2

Complementary
#e684d2#48c880
Analogous
#e684d2#c391f9#fa7f9f
Triadic
#e684d2#caaa00#00c2e7
Split
#e684d2#96bc44#00cab8

Questions about #e684d2

What color is #e684d2?

#e684d2 is soft light magenta. The closest named color is Soft light magenta. In RGB it is rgb(230, 132, 210), in HSL hsl(312.24, 66.22%, 70.98%) and in OKLCH oklch(74.36% 0.15318 335.004).

What colors go well with #e684d2?

The complementary color of #e684d2 is #48c880. For a calmer combination use the analogous colors #c391f9 and #fa7f9f. The triadic partners are #caaa00 and #00c2e7.

Is white or black text more readable on #e684d2?

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

Is #e684d2 a warm or cool color?

#e684d2 is a neutral color. In OKLCH its hue is 335 degrees, its lightness 74.4% and its chroma 0.153.