#42066D

#42066D

Color Values

HEX

#42066D

RGB

66, 6, 109

HSL

275.0, 89.6%, 22.5%

HSV

275.0, 94.5%, 42.7%

CMYK

39.4%, 94.5%, 0.0%, 57.3%

OKLCH

0.3088 0.1542 303.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#42066D

#316D06

Analogous

#0F066D

#6D0664

#42066D

Triadic

#42066D

#6D4206

#066D42

Split Complementary

#42066D

#646D06

#066D0F

Tetradic

#42066D

#6D0F06

#316D06

#06646D

Color Blindness Simulation

Original

#42066D

Protanopia

#282754

Deuteranopia

#2C304E

Tritanopia

#3F403C

Achromatopsia

#1A1A1A

CSS Usage

background-color: #42066D;
color: #42066D;
border-color: #42066D;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EFE0FB
200
#E1BBFB
300
#CB8BF9
400
#AF4CF5
500
#930DF2
600
#750BC1
700
#5E089B
800
#490779
900
#370958
950
#230637

Contrast Checker

Text on white

14.2:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026