What is the RGB and CMYK value of Ruby Red for CSS and print?

For CSS and web development, the RGB value is rgb(224, 17, 95). For four-color print processes, the CMYK formulation is cmyk(0%, 92%, 58%, 12%).

Is Ruby Red WCAG 2.1 contrast accessible for web text?

Against pure white (#FFFFFF), Ruby Red achieves a contrast ratio of 4.75:1 (AA). Against pure black (#000000), it achieves 4.42:1 (AA Large).

Vivid Luminous Gemstone Crimson Red Category: Red

Ruby Red (#E0115F) — Color Codes, Meaning & UI Palettes

Q: What is the exact HEX code for Ruby Red?

The exact HEX code for Ruby Red is #E0115F. In 8-digit hex with 100% opacity, it is #E0115FFF. In RGB, it is rgb(224, 17, 95), and in HSL it is hsl(337deg, 86%, 47%).

Q: What colors go well with Ruby Red in UI design?

Ruby Red (#E0115F) pairs best with Pure Platinum (#F8FAFC), Obsidian Shadow (#090A0F), Warm Champagne (#F7E7CE), and Soft Rose (#FFE4E6).

Ruby Red (#E0115F) is a vibrant, deep purplish-red that mirrors the fiery crystalline refraction of natural corundum gems. It symbolizes passion, royal majesty, fierce power, and timeless luxury.

Quick Answer (Ruby Red Color Code): The exact HEX code for Ruby Red is #E0115F. In RGB, it is rgb(224, 17, 95). In HSL, it is hsl(337deg, 86%, 47%), and its print CMYK formulation is cmyk(0%, 92%, 58%, 12%). It has a relative luminance of 0.171 and pairs best in UI design with Pure Platinum (#F8FAFC) and Obsidian Shadow (#090A0F).

Click to Copy HEX

Ruby Red

#E0115F

Open in Color Wheel Generate 11 Scales Add Opacity (RGBA) Edit in Studio

HEX

#E0115F

RGB

rgb(224, 17, 95)

HSL

hsl(337deg, 86%, 47%)

CMYK (Print)

cmyk(0%, 92%, 58%, 12%)

Apple Display P3

color(display-p3 0.878 0.067 0.373)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 4.75:1 (AA)

Black Text (#000000) 4.42:1 (AA Large)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

#FEECF3

100

#FCD9E7

200

#F9B3CE

300

#F684AF

400

#F14B8B

500

#E0115F

600

#B70E4F

700

#910B3E

800

#6B082E

900

#47051F

950

#280311

Color Harmonies & Palette Schemes

Complementary

#11DF90

Opposite 180° Contrast

Analogous -30°

#DF11C7

Natural Harmony

Analogous +30°

#DF2911

Natural Harmony

Triadic +120°

#60DF11

120° Balanced Triad

Triadic +240°

#1160DF

120° Balanced Triad

Curated UI Design Pairings for Ruby Red

High-impact conversion button, holiday promotion badge, and live broadcast indicator for luxury jewelry, beauty cosmetics, and VIP membership sites.

Pure Platinum

#F8FAFC

Clean High-Contrast Typography

Obsidian Shadow

#090A0F

Dramatic Luxury Canvas

Warm Champagne

#F7E7CE

Opulent Gold Complement

Soft Rose

#FFE4E6

Gentle Badge Surface

Export Ruby Red Code Snippets

CSS Variable --color-ruby-red: #E0115F;

Tailwind Config 'ruby-red': '#E0115F'

Swift / SwiftUI Color(hex: "#E0115F")

JSON Design Token {"name": "Ruby Red", "hex": "#E0115F"}

Frequently Asked Questions About Ruby Red (#E0115F)

What is the exact HEX code for Ruby Red?

The exact HEX code for Ruby Red is #E0115F. In 8-digit hexadecimal (with 100% opacity), it is #E0115FFF. Its RGB decimal equivalent is rgb(224, 17, 95) and its HSL value is hsl(337deg, 86%, 47%).

What colors go best with Ruby Red in UI and web design?

Ruby Red pairs exceptionally well with Pure Platinum (#F8FAFC), Obsidian Shadow (#090A0F), Warm Champagne (#F7E7CE), and Soft Rose (#FFE4E6).

How do I use Ruby Red in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #E0115F; or background-color: #E0115F;. In Tailwind CSS, use arbitrary value syntax like bg-[#e0115f] or text-[#e0115f], or define it in your Tailwind v4 @theme block as --color-ruby-red: #E0115F;.

Is Ruby Red WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Ruby Red achieves a contrast ratio of 4.75:1 (AA). Against a pure black background (#000000), it achieves 4.42:1 (AA Large). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator