Skip to the color picker
PickShade

#ee7696 color: Embarrassed

Every format, shade and contrast value for #ee7696. Drag the picker to explore nearby colors.

Read as HEX

344°
100%

OKLCH

71.3%
0.151
5°
  • ≈ Hot pink
  • Rose
  • Light
  • Vivid
  • Warm
  • rose-400
  • Black 7%

Looks the same on every screen.

White text2.74:1 · Below AALc -58
Black text7.67:1 · AALc 52

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

#ee7696 is a bright light rose color. In OKLCH it has 71.3% lightness, 0.151 chroma and a hue of 5°.

Looks the same on every screen.

White text on it reaches 2.74:1 contrast and black text 7.67:1, so black text reads better.

The closest named color is Embarrassed (#ee7799). In Tailwind CSS the closest color is rose-400.

More light rose colors

Lighter: #ee7696 mixed with white

  1. ee7696
  2. f185a0
  3. f593aa
  4. f7a1b4
  5. faaebf
  6. fcbcc9
  7. fdc9d4
  8. fed7de
  9. ffe4e9
  10. fff2f4

Darker: #ee7696 mixed with black

  1. ee7696
  2. cf6682
  3. b1566e
  4. 93475b
  5. 773849
  6. 5c2937
  7. 421c26
  8. 2a0f16
  9. 140508
  10. 030101

Calmer: #ee7696 with less saturation

  1. ee7696
  2. e77c97
  3. e18198
  4. da869a
  5. d38a9b
  6. cb8f9c
  7. c4939d
  8. bc979f
  9. b49ba0
  10. ab9fa1