#7009B4

#7009B4

Color Values

HEX

#7009B4

RGB

112, 9, 180

HSL

276.1, 90.5%, 37.1%

HSV

276.1, 95.0%, 70.6%

CMYK

37.8%, 95.0%, 0.0%, 29.4%

OKLCH

0.4414 0.2253 304.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7009B4

#4DB409

Analogous

#1A09B4

#B409A3

#7009B4

Triadic

#7009B4

#B47009

#09B470

Split Complementary

#7009B4

#A3B409

#09B41A

Tetradic

#7009B4

#B41A09

#4DB409

#09A3B4

Color Blindness Simulation

Original

#7009B4

Protanopia

#43438B

Deuteranopia

#495181

Tritanopia

#6B6A63

Achromatopsia

#2B2B2B

CSS Usage

background-color: #7009B4;
color: #7009B4;
border-color: #7009B4;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BBFC
300
#CD8AF9
400
#B24BF6
500
#970CF3
600
#790AC2
700
#61089B
800
#4B0679
900
#380958
950
#240638

Contrast Checker

Text on white

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