#703176

#703176

Color Values

HEX

#703176

RGB

112, 49, 118

HSL

294.8, 41.3%, 32.7%

HSV

294.8, 58.5%, 46.3%

CMYK

5.1%, 58.5%, 0.0%, 53.7%

OKLCH

0.4273 0.1289 324.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#703176

#377631

Analogous

#4D3176

#763159

#703176

Triadic

#703176

#767031

#317670

Split Complementary

#703176

#597631

#31764D

Tetradic

#703176

#764D31

#377631

#315976

Color Blindness Simulation

Original

#703176

Protanopia

#555465

Deuteranopia

#585D61

Tritanopia

#6D5855

Achromatopsia

#434343

CSS Usage

background-color: #703176;
color: #703176;
border-color: #703176;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E7CDEA
300
#D7A9DB
400
#C17AC8
500
#AB4BB4
600
#893C90
700
#6D3073
800
#56255A
900
#3F1E42
950
#28132A

Contrast Checker

Text on white

8.79:1

AA Pass AAA Pass

Text on black

2.39: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