Skip to the color picker

#be5561 color: Hibiscus Flower

#be5561 is rgb(190, 85, 97) in RGB and oklch(58.461% 0.13533 15.232) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

353°
100%

58.5%
0.135
15°
  • Rose
  • Medium
  • Soft
  • Warm
  • ≈ Blush
  • orange-700
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
4.51:1Readable · AA
Lc -76
Black text
4.66:1Readable · AA
Lc 33

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

#be5561 is a soft rose color. In OKLCH it has 58.5% lightness, 0.135 chroma and a hue of 15°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.51:1 contrast and black text 4.66:1, so white text reads better.

The closest named color is Hibiscus Flower (#bc555e). In Tailwind CSS the closest color is orange-700.

More medium rose colors

Lighter: #be5561 mixed with white

  1. be5561
  2. c66770
  3. ce787f
  4. d6898e
  5. dd999d
  6. e3aaad
  7. eabbbd
  8. f0cccd
  9. f5ddde
  10. faeeee

Darker: #be5561 mixed with black

  1. be5561
  2. a54953
  3. 8c3d46
  4. 753139
  5. 5e262d
  6. 481c21
  7. 331115
  8. 1f080b
  9. 0d0203
  10. 020000

Calmer: #be5561 with less saturation

  1. be5561
  2. b85a64
  3. b25f66
  4. ac6369
  5. a6676c
  6. a06b6e
  7. 996f71
  8. 927274
  9. 8b7576
  10. 847979

Similar named colors

Colors that go with #be5561

Complementary
#be5561#009192
Analogous
#be5561#b2578e#bb5d2e
Triadic
#be5561#568d33#3f7dca
Split
#be5561#009468#008ab6

Questions about #be5561

What color is #be5561?

#be5561 is soft rose. The closest named color is Hibiscus Flower. In RGB it is rgb(190, 85, 97), in HSL hsl(353.14, 44.68%, 53.92%) and in OKLCH oklch(58.461% 0.13533 15.232).

What colors go well with #be5561?

The complementary color of #be5561 is #009192. For a calmer combination use the analogous colors #b2578e and #bb5d2e. The triadic partners are #568d33 and #3f7dca.

Is white or black text more readable on #be5561?

White text reads better on #be5561: white gives a contrast ratio of 4.51:1 and black gives 4.66:1. WCAG AA asks for at least 4.5:1 for body text.

Is #be5561 a warm or cool color?

#be5561 is a warm color. In OKLCH its hue is 15 degrees, its lightness 58.5% and its chroma 0.135.