#705299

#705299

Color Values

HEX

#705299

RGB

112, 82, 153

HSL

265.4, 30.2%, 46.1%

HSV

265.4, 46.4%, 60.0%

CMYK

26.8%, 46.4%, 0.0%, 40.0%

OKLCH

0.5015 0.1134 302.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#705299

#7B9952

Analogous

#525799

#945299

#705299

Triadic

#705299

#997052

#529970

Split Complementary

#705299

#999452

#579952

Tetradic

#705299

#995257

#7B9952

#529994

Color Blindness Simulation

Original

#705299

Protanopia

#636388

Deuteranopia

#656784

Tritanopia

#6E7A77

Achromatopsia

#5E5E5E

CSS Usage

background-color: #705299;
color: #705299;
border-color: #705299;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#DAD1E6
300
#BFAFD4
400
#9C84BD
500
#7A59A6
600
#614785
700
#4E396A
800
#3D2C53
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026