purplecoolCSS named color

Purple #800080

A medium royal purple; historically the color of royalty.

Use cases: Royal identity · Creative brands

Open in generator →Colors that go with Purple →

Families: Pinks

Color values

FormatValue
HEX#800080
RGBrgb(128, 0, 128)
HSLhsl(300, 100%, 25%)
HSVhsv(300, 100%, 50%)
OKLCHoklch(42.09% 0.193 328.4)
OKLaboklab(42.09% 0.1647 -0.1015)
CMYKcmyk(0%, 100%, 0%, 49.8%)
XYZxyz(12.7982, 6.1487, 20.9307)
CIE-LABlab(29.8, 58.9, -36.5)
CIE-LCHlch(29.8, 69.3, 328.2°)
Luminance0.061 (WCAG relative)
/* Purple */ --purple: #800080; color: #800080; background-color: #800080;

Source: W3C CSS named color. CSS keyword: purple.

Collections: Jewel Tone Colors · Berry Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#730873 #660d65 #591058 #4d114c #411140 #351134 #291028 #1e0d1d #130712 #000000

Tints (toward white)

#8e2c8c #9c4699 #a95ea5 #b675b2 #c38bbf #cfa2cb #dcb9d8 #e8d0e5 #f3e7f2 #ffffff

Tones (toward gray)

#7b157a #762074 #70286e #6b2f69 #653463 #5f395d #5a3d57 #534052 #4d434c #464646

Color harmonies

Complementary

Edit in generator →
#800080
#008000
#800080 #008000

Analogous

Edit in generator →
#400080
#800080
#800040
#400080 #800080 #800040

Triadic

Edit in generator →
#800080
#808000
#008080
#800080 #808000 #008080

Tetradic

Edit in generator →
#800080
#804000
#008000
#004080
#800080 #804000 #008000 #004080

Square

Edit in generator →
#800080
#804000
#008000
#004080
#800080 #804000 #008000 #004080

Split Complementary

Edit in generator →
#800080
#408000
#008040
#800080 #408000 #008040

Monochromatic

Edit in generator →
#1F001F
#430043
#800080
#BD00BD
#FA00FA
#1f001f #430043 #800080 #bd00bd #fa00fa

Accessibility & contrast

9.42
#800080 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.23
#800080 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on Purple

9.42
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#003D83
Deuteranopia (green-blind)
#304B7D
Tritanopia (blue-blind)
#842149

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Darkmagenta #8B008B2.43
Barney Purple #A004986.67
Warm Purple #952E8F7.25
Rich Purple #7200587.73
Rebeccapurple #6633999.56
Grape Purple #5D14519.71

Combinations with Purple

Palettes with Purple

Colors that go with Purple

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Violet (CSS) #EE82EE
4.1:1
Same hue family as purple (Δh 0°) — guaranteed harmony
Salmon Pink #FE7B7C
3.7:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Butter #FFFF81
8.9:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Pear #CBF85F
7.7:1
Split-complementary angle (Δh ≈138°) — strong but softer than direct complement
Palegreen #98FB98
7.4:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

Purple Color — #800080 — Tintiva