#ec5980 color: Highlighter Pink
#ec5980 is rgb(236, 89, 128) in RGB and oklch(66.614% 0.18319 7.282) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Rose
- Medium
- Vivid
- Warm
- ≈ Blush
- rose-400
- Black 7%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #ec5980
#ec5980 is a bright rose color. In OKLCH it has 66.6% lightness, 0.183 chroma and a hue of 7°.
Inside sRGB: displays the same on any screen.
White text on it reaches 3.33:1 contrast and black text 6.31:1, so white text reads better.
The closest named color is Highlighter Pink (#ea5a79). In Tailwind CSS the closest color is rose-400.
Lighter: #ec5980 mixed with white
Darker: #ec5980 mixed with black
Calmer: #ec5980 with less saturation
Similar named colors
Colors that go with #ec5980
Questions about #ec5980
What color is #ec5980?
#ec5980 is bright rose. The closest named color is Highlighter Pink. In RGB it is rgb(236, 89, 128), in HSL hsl(344.08, 79.46%, 63.73%) and in OKLCH oklch(66.614% 0.18319 7.282).
What colors go well with #ec5980?
The complementary color of #ec5980 is #00aea2. For a calmer combination use the analogous colors #d760bc and #ee6136. The triadic partners are #75a700 and #0099fd.
Is white or black text more readable on #ec5980?
White text reads better on #ec5980: white gives a contrast ratio of 3.33:1 and black gives 6.31:1. WCAG AA asks for at least 4.5:1 for body text.
Is #ec5980 a warm or cool color?
#ec5980 is a warm color. In OKLCH its hue is 7 degrees, its lightness 66.6% and its chroma 0.183.