#442282

#442282

Color Values

HEX

#442282

RGB

68, 34, 130

HSL

261.2, 58.5%, 32.2%

HSV

261.2, 73.8%, 51.0%

CMYK

47.7%, 73.8%, 0.0%, 49.0%

OKLCH

0.3587 0.1506 293.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#442282

#608222

Analogous

#223082

#742282

#442282

Triadic

#442282

#824422

#228244

Split Complementary

#442282

#827422

#308222

Tetradic

#442282

#822230

#608222

#228274

Color Blindness Simulation

Original

#442282

Protanopia

#35356B

Deuteranopia

#373A65

Tritanopia

#425854

Achromatopsia

#303030

CSS Usage

background-color: #442282;
color: #442282;
border-color: #442282;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F6F4FB
100
#EBE4F6
200
#D5C6F0
300
#B79EE6
400
#9069D8
500
#6A35CA
600
#542AA2
700
#442281
800
#351A65
900
#29174A
950
#1A0E2F

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

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