#7031B2

#7031B2

Color Values

HEX

#7031B2

RGB

112, 49, 178

HSL

269.3, 56.8%, 44.5%

HSV

269.3, 72.5%, 69.8%

CMYK

37.1%, 72.5%, 0.0%, 30.2%

OKLCH

0.469 0.1926 301.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7031B2

#73B231

Analogous

#3133B2

#B031B2

#7031B2

Triadic

#7031B2

#B27031

#31B270

Split Complementary

#7031B2

#B2B031

#33B231

Tetradic

#7031B2

#B23133

#73B231

#31B2B0

Color Blindness Simulation

Original

#7031B2

Protanopia

#555493

Deuteranopia

#585D8B

Tritanopia

#6D7A75

Achromatopsia

#484848

CSS Usage

background-color: #7031B2;
color: #7031B2;
border-color: #7031B2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC7F0
300
#C19FE5
400
#9F6BD6
500
#7E37C8
600
#652CA0
700
#512380
800
#3F1C64
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026