#704099

#704099

Color Values

HEX

#704099

RGB

112, 64, 153

HSL

272.4, 41.0%, 42.5%

HSV

272.4, 58.2%, 60.0%

CMYK

26.8%, 58.2%, 0.0%, 40.0%

OKLCH

0.4711 0.1434 306.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#704099

#699940

Analogous

#434099

#994095

#704099

Triadic

#704099

#997040

#409970

Split Complementary

#704099

#959940

#409943

Tetradic

#704099

#994340

#699940

#409599

Color Blindness Simulation

Original

#704099

Protanopia

#5B5B83

Deuteranopia

#5E627E

Tritanopia

#6E726F

Achromatopsia

#515151

CSS Usage

background-color: #704099;
color: #704099;
border-color: #704099;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DCCDEA
300
#C4A9DB
400
#A47AC7
500
#844BB4
600
#693C90
700
#543073
800
#42265A
900
#321F42
950
#20132A

Contrast Checker

Text on white

7.29:1

AA Pass AAA Pass

Text on black

2.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026