Skip to the color picker

#e684d3 color: Soft light magenta

#e684d3 is rgb(230, 132, 211) in RGB and oklch(74.4% 0.154 334.57) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

312°
100%

74.4%
0.154
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.61: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 #e684d3

#e684d3 is a soft light magenta color. In OKLCH it has 74.4% lightness, 0.154 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.61: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: #e684d3 mixed with white

  1. e684d3
  2. ea91d8
  3. ed9ddc
  4. f0aae1
  5. f3b6e5
  6. f5c2ea
  7. f8cfee
  8. fadbf2
  9. fce7f7
  10. fef3fb

Darker: #e684d3 mixed with black

  1. e684d3
  2. c872b7
  3. ab609c
  4. 8e4f82
  5. 733f69
  6. 592f51
  7. 40203a
  8. 281224
  9. 130610
  10. 030102

Calmer: #e684d3 with less saturation

  1. e684d3
  2. e189cf
  3. dc8dcb
  4. d692c8
  5. d196c4
  6. cb9ac0
  7. c59ebc
  8. bfa2b8
  9. b9a5b4
  10. b3a9b0

Similar named colors

Colors that go with #e684d3

Complementary
#e684d3#49c87f
Analogous
#e684d3#c291fa#fa7fa0
Triadic
#e684d3#cba900#00c3e7
Split
#e684d3#97bc42#00cab8

Questions about #e684d3

What color is #e684d3?

#e684d3 is soft light magenta. The closest named color is Soft light magenta. In RGB it is rgb(230, 132, 211), in HSL hsl(311.63, 66.22%, 70.98%) and in OKLCH oklch(74.4% 0.154 334.57).

What colors go well with #e684d3?

The complementary color of #e684d3 is #49c87f. For a calmer combination use the analogous colors #c291fa and #fa7fa0. The triadic partners are #cba900 and #00c3e7.

Is white or black text more readable on #e684d3?

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

Is #e684d3 a warm or cool color?

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