Bright Ruby is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #E61957, which equals rgb(230, 25, 87) in RGB and hsl(342, 80%, 50%) in HSL. In print terms it converts to roughly C0 M89 Y62 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#E61957 - RGB
230, 25, 87 - HSL
342°, 80%, 50% - CMYK
0, 89, 62, 10 - Family
Red - Tone
Medium, saturated
About Bright Ruby
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 4.64:1. Its complementary color is #1AE6A8.
Download Bright Ruby as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Bright Ruby color codes
| HEX | #E61957 |
|---|---|
| RGB | rgb(230, 25, 87) |
| HSL | hsl(342, 80%, 50%) |
| HSV | 342°, 89%, 90% |
| CMYK | 0%, 89%, 62%, 10% |
| Decimal | 15079767 |
Shades and tints of Bright Ruby
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBD9E3 - 100
#F7B2C7 - 200
#F38CAB - 300
#EE668F - 400
#EA3F73 - 500
#E61957 - 600
#C01549 - 700
#99113A - 800
#730D2C - 900
#4D081D - 950
#26040F
Color harmonies for Bright Ruby
- Complementary
#1AE6A8≈ Bright Aquamarine - Analogous −30°
#E61ABD≈ Bright Cerise - Analogous +30°
#E6421A≈ Bright Vermilion - Triadic +120°
#57E61A≈ Bright Leaf - Triadic +240°
#1A57E6≈ Bright Sapphire - Split 150°
#1AE642≈ Bright Emerald - Split 210°
#1ABDE6≈ Bright Peacock
Contrast and accessibility of Bright Ruby
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Ruby | Aa | 4.52:1 | AA (good) |
| Black text on Bright Ruby | Aa | 4.64:1 | AA (good) |
CSS code for Bright Ruby
background-color: #E61957;color: #E61957;background-color: rgb(230, 25, 87);background-color: hsl(342, 80%, 50%);:root { --color-bright-ruby: #E61957; }class="bg-[#E61957]"Colors similar to Bright Ruby
- Ruby
#E0115F - Bright Carmine
#E6196B - Raspberry
#E30B5D - Bright Crimson
#E61942 - Crimson
#DC143C - Medium Light Crimson
#FF2954 - Medium Dark Carmine
#D60056 - Bright Blush
#E61980 - Bright Cardinal
#E6192E - Medium Light Ruby
#FF2969 - Medium Dark Bright Carmine
#C1155A - Medium Dark Blush
#D6006B
More red shades
- Light Ruby
#FF5286 - Darkest Bright Ruby
#2E0511 - Very Dark Bright Ruby
#53091F - Dark Bright Ruby
#770D2D - Deep Bright Ruby
#9C113B - Medium Dark Bright Ruby
#C11549 - Medium Light Bright Ruby
#EA3E72 - Light Bright Ruby
#EE638D - Darkest Soft Ruby
#290A13 - Very Dark Soft Ruby
#491223 - Dark Soft Ruby
#6A1B32
Frequently asked questions
What is the HEX code for Bright Ruby?
The HEX code for Bright Ruby is #E61957.
What is the RGB value of Bright Ruby?
Bright Ruby has an RGB value of 230, 25, 87 (rgb(230, 25, 87)). In HSL it is 342°, 80%, 50%.
What text color should I use on Bright Ruby?
Use black text on Bright Ruby. White text has a contrast ratio of 4.52:1 and black text has 4.64:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Ruby?
The complementary color of Bright Ruby is #1AE6A8. Analogous colors #E61ABD and #E6421A also pair well.