#7026AB

#7026AB

Color Values

HEX

#7026AB

RGB

112, 38, 171

HSL

273.4, 63.6%, 41.0%

HSV

273.4, 77.8%, 67.1%

CMYK

34.5%, 77.8%, 0.0%, 32.9%

OKLCH

0.4517 0.1975 304.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7026AB

#61AB26

Analogous

#2E26AB

#AB26A4

#7026AB

Triadic

#7026AB

#AB7026

#26AB70

Split Complementary

#7026AB

#A4AB26

#26AB2E

Tetradic

#7026AB

#AB2E26

#61AB26

#26A4AB

Color Blindness Simulation

Original

#7026AB

Protanopia

#504F8B

Deuteranopia

#545A83

Tritanopia

#6C716C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #7026AB;
color: #7026AB;
border-color: #7026AB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE9
400
#A765DD
500
#892ED1
600
#6D25A7
700
#571E85
800
#441768
900
#34154C
950
#210D30

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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