#42196C

#42196C

Color Values

HEX

#42196C

RGB

66, 25, 108

HSL

269.6, 62.4%, 26.1%

HSV

269.6, 76.9%, 42.4%

CMYK

38.9%, 76.9%, 0.0%, 57.6%

OKLCH

0.325 0.1353 301.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#42196C

#436C19

Analogous

#191A6C

#6C196C

#42196C

Triadic

#42196C

#6C4219

#196C42

Split Complementary

#42196C

#6C6C19

#1A6C19

Tetradic

#42196C

#6C191A

#436C19

#196C6C

Color Blindness Simulation

Original

#42196C

Protanopia

#303058

Deuteranopia

#333653

Tritanopia

#404845

Achromatopsia

#282828

CSS Usage

background-color: #42196C;
color: #42196C;
border-color: #42196C;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DBC5F2
300
#C19CE8
400
#A066DC
500
#7E30CF
600
#6526A6
700
#511F85
800
#3F1868
900
#30154C
950
#1E0D30

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

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