#44048F

#44048F

Color Values

HEX

#44048F

RGB

68, 4, 143

HSL

267.6, 94.6%, 28.8%

HSV

267.6, 97.2%, 56.1%

CMYK

52.4%, 97.2%, 0.0%, 43.9%

OKLCH

0.346 0.1885 293.2

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#44048F

#4F8F04

Analogous

#040A8F

#89048F

#44048F

Triadic

#44048F

#8F4404

#048F44

Split Complementary

#44048F

#8F8904

#0A8F04

Tetradic

#44048F

#8F040A

#4F8F04

#048F89

Color Blindness Simulation

Original

#44048F

Protanopia

#28286D

Deuteranopia

#2C3165

Tritanopia

#41534D

Achromatopsia

#1C1C1C

CSS Usage

background-color: #44048F;
color: #44048F;
border-color: #44048F;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D9BAFD
300
#BD88FC
400
#9A47FA
500
#7607F8
600
#5E06C6
700
#4B049F
800
#3B037C
900
#2D075A
950
#1D0539

Contrast Checker

Text on white

12.65:1

AA Pass AAA Pass

Text on black

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