#3E0067

#3E0067

Color Values

HEX

#3E0067

RGB

62, 0, 103

HSL

276.1, 100.0%, 20.2%

HSV

276.1, 100.0%, 40.4%

CMYK

39.8%, 100.0%, 0.0%, 59.6%

OKLCH

0.2925 0.1525 304.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3E0067

#296700

Analogous

#0A0067

#67005D

#3E0067

Triadic

#3E0067

#673E00

#00673E

Split Complementary

#3E0067

#5D6700

#00670A

Tetradic

#3E0067

#670A00

#296700

#005D67

Color Blindness Simulation

Original

#3E0067

Protanopia

#23234E

Deuteranopia

#272B48

Tritanopia

#3B3A36

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F0DEFC
200
#E3B8FF
300
#CE85FF
400
#B442FF
500
#9900FF
600
#7B00CC
700
#6200A3
800
#4D0080
900
#39055C
950
#24033A

Contrast Checker

Text on white

14.99:1

AA Pass AAA Pass

Text on black

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