Skip to the color picker

#d77a8a color: I Love You Pink

#d77a8a is rgb(215, 122, 138) in RGB and oklch(68.559% 0.11652 9.586) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

350°
100%

68.6%
0.117
10°
  • Rose
  • Medium
  • Soft
  • Warm
  • ≈ Terracotta
  • rose-400
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
2.98:1Hard to read
Lc -62
Black text
7.04:1Readable · AA
Lc 48

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

#d77a8a is a soft rose color. In OKLCH it has 68.6% lightness, 0.117 chroma and a hue of 10°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.98:1 contrast and black text 7.04:1, so black text reads better.

The closest named color is I Love You Pink (#d97d8f). In Tailwind CSS the closest color is rose-400.

More medium rose colors

Lighter: #d77a8a mixed with white

  1. d77a8a
  2. dc8795
  3. e195a0
  4. e6a2ac
  5. eaafb7
  6. efbcc3
  7. f2cacf
  8. f6d7db
  9. f9e4e7
  10. fcf2f3

Darker: #d77a8a mixed with black

  1. d77a8a
  2. bb6977
  3. 9f5965
  4. 854953
  5. 6b3a42
  6. 522b32
  7. 3b1d22
  8. 251014
  9. 110507
  10. 020101

Calmer: #d77a8a with less saturation

  1. d77a8a
  2. d27e8c
  3. cc818d
  4. c7858f
  5. c18890
  6. bb8b92
  7. b58f94
  8. ae9295
  9. a89497
  10. a19798

Similar named colors

Colors that go with #d77a8a

Complementary
#d77a8a#10b1a9
Analogous
#d77a8a#c97cb1#d78062
Triadic
#d77a8a#83a858#5e9fdf
Split
#d77a8a#4fb080#25aacb

Questions about #d77a8a

What color is #d77a8a?

#d77a8a is soft rose. The closest named color is I Love You Pink. In RGB it is rgb(215, 122, 138), in HSL hsl(349.68, 53.76%, 66.08%) and in OKLCH oklch(68.559% 0.11652 9.586).

What colors go well with #d77a8a?

The complementary color of #d77a8a is #10b1a9. For a calmer combination use the analogous colors #c97cb1 and #d78062. The triadic partners are #83a858 and #5e9fdf.

Is white or black text more readable on #d77a8a?

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

Is #d77a8a a warm or cool color?

#d77a8a is a warm color. In OKLCH its hue is 10 degrees, its lightness 68.6% and its chroma 0.117.