Skip to content
PantoneTools
red
Open Color

Red 9

red-9 · #C92A2A

HEX

#C92A2A

RGB

rgb(201, 42, 42)

CMYK

cmyk(0%, 79%, 79%, 21%)

HSL

hsl(0, 65%, 48%)

LAB

lab(44.6, 60.7, 40.2)

What is Red 9?

Red 9 is the red-9 reference in the Open Color. Its sRGB value is #C92A2A (rgb 201, 42, 42). It sits in the red family. Open Color, an open-source color palette by Heeyeun designed for UI work. 13 hues across 10 shades (0 to 9) tuned for screen legibility and accessibility. See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Red 9 as a background.

Black text on this color

Sample text · 3.85 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 5.46 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Red 9

An 11-step tonal scale derived from Red 9 (#C92A2A). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #FBEEEE

50

#FBEEEE

#FBEEEE

Copied #F6DDDD

100

#F6DDDD

#F6DDDD

Copied #EEBBBB

200

#EEBBBB

#EEBBBB

Copied #E49595

300

#E49595

#E49595

Copied #D75F5F

400

#D75F5F

#D75F5F

Copied #C92A2A

500

#C92A2A

#C92A2A

Copied #AB2424

600

#AB2424

#AB2424

Copied #831B1B

700

#831B1B

#831B1B

Copied #5A1313

800

#5A1313

#5A1313

Copied #320B0B

900

#320B0B

#320B0B

Copied #180505

950

#180505

#180505

Lighter tints (mixed with white)

Copied #D27272

15%

#D27272

Copied #DB9898

30%

#DB9898

Copied #E3B5B5

45%

#E3B5B5

Copied #EBCDCD

60%

#EBCDCD

Copied #F3E1E1

75%

#F3E1E1

Darker shades (mixed with black)

Copied #BB2626

15%

#BB2626

Copied #AB2222

30%

#AB2222

Copied #9A1E1E

45%

#9A1E1E

Copied #851818

60%

#851818

Copied #6B1111

75%

#6B1111

Color harmonies for Red 9

Classic color-theory harmonies derived from rotating the hue of Red 9. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #C92A2A

#C92A2A

#C92A2A

Copied #2BCACA

#2BCACA

#2BCACA

Triadic

Three colors 120° apart

Copied #C92A2A

#C92A2A

#C92A2A

Copied #2BCA2B

#2BCA2B

#2BCA2B

Copied #2B2BCA

#2B2BCA

#2B2BCA

Analogous

Two neighbors ±30° on the wheel

Copied #CA2B7A

#CA2B7A

#CA2B7A

Copied #C92A2A

#C92A2A

#C92A2A

Copied #CA7A2B

#CA7A2B

#CA7A2B

Split-complementary

Base + two colors flanking its complement

Copied #C92A2A

#C92A2A

#C92A2A

Copied #2BCA7A

#2BCA7A

#2BCA7A

Copied #2B7ACA

#2B7ACA

#2B7ACA

Tetradic

Two complementary pairs

Copied #C92A2A

#C92A2A

#C92A2A

Copied #CACA2B

#CACA2B

#CACA2B

Copied #2BCACA

#2BCACA

#2BCACA

Copied #2B2BCA

#2B2BCA

#2B2BCA

Square

Four colors evenly spaced 90° apart

Copied #C92A2A

#C92A2A

#C92A2A

Copied #7ACA2B

#7ACA2B

#7ACA2B

Copied #2BCACA

#2BCACA

#2BCACA

Copied #7A2BCA

#7A2BCA

#7A2BCA

Red 9 in every color space

Full conversion of Red 9 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#C92A2A

RGB

rgb(201, 42, 42)

CMYK

cmyk(0%, 79%, 79%, 21%)

HSL

hsl(0, 65%, 48%)

HSV

hsv(0, 79%, 79%)

HWB

hwb(0 16% 21%)

CIE Lab

lab(44.6 60.7 40.2)

OKLCH

oklch(54.6% 0.195 26.6)

XYZ (D65)

xyz(25.34, 14.24, 3.61)

Copy-ready code for Red 9

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #C92A2A;
background-color: #C92A2A;

CSS variable

:root {
  --color-red-9: #C92A2A;
}

Tailwind config

// tailwind.config.js
colors: {
  'red-9': '#C92A2A',
}

Sass

$color-red-9: #C92A2A;

Swift UIColor

UIColor(red: 0.788, green: 0.165, blue: 0.165, alpha: 1.0)

Android XML

<color name="red-9">#C92A2A</color>

Closest match in every color system

The nearest Red 9 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in Open Color

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #CB3234

RAL 3028

#CB3234

Pure red

Copied #CB2821

RAL 2002

#CB2821

Vermilion

Copied #D53032

RAL 3018

#D53032

Strawberry red

Copied #B32821

RAL 3016

#B32821

Coral red

Copied #C51D34

RAL 3027

#C51D34

Raspberry red

Copied #B32428

RAL 3031

#B32428

Orient red

FAQ about Red 9

What is the HEX code for Red 9?

Red 9 (red-9) has the HEX code #C92A2A. In RGB it is rgb(201, 42, 42), and in CMYK it is cmyk(0%, 79%, 79%, 21%).

What is the OKLCH value of Red 9?

Red 9 converts to oklch(0.546 0.195 26.6). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Red 9 accessible for body text?

Used as a background, Red 9 has a contrast ratio of 3.85:1 with black text and 5.46:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use white text and verify in real UI context.

What is the closest Pantone to Red 9?

The closest Pantone reference to Red 9 by ΔE2000 perceptual distance is Pantone 1797 C (#CB333B). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Red 9?

The closest RAL Classic reference to Red 9 by ΔE2000 distance is RAL 3028 (Pure red, #CB3234). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Red 9?

The complementary color (180° opposite on the HSL color wheel) of Red 9 is #2BCACA. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

Open Color (Yeun)

Open Color, an open-source color palette by Heeyeun designed for UI designers and developers. 13 hues across 10 shades. Use as a designer-friendly palette alternative to Tailwind. Values are intentionally chosen for UI legibility and accessibility.

Source type
derived
Confidence
high
License
MIT
Last reviewed
2026-05-24

Workflow tags

open-color
design-token
ui
red

Open Color values are tuned for digital UI. For print, treat as a starting point and proof against the substrate.

Open Color · Red 9 — #C92A2A | PantoneTools