#3F135E

#3F135E

Color Values

HEX

#3F135E

RGB

63, 19, 94

HSL

275.2, 66.4%, 22.2%

HSV

275.2, 79.8%, 36.9%

CMYK

33.0%, 79.8%, 0.0%, 63.1%

OKLCH

0.3015 0.1262 307.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3F135E

#325E13

Analogous

#1A135E

#5E1358

#3F135E

Triadic

#3F135E

#5E3F13

#135E3F

Split Complementary

#3F135E

#585E13

#135E1A

Tetradic

#3F135E

#5E1A13

#325E13

#13585E

Color Blindness Simulation

Original

#3F135E

Protanopia

#2C2C4C

Deuteranopia

#2E3248

Tritanopia

#3D3E3A

Achromatopsia

#222222

CSS Usage

background-color: #3F135E;
color: #3F135E;
border-color: #3F135E;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F3
300
#C999EA
400
#AC62DF
500
#8E2BD4
600
#7222AA
700
#5B1B88
800
#47156A
900
#35134D
950
#220C31

Contrast Checker

Text on white

14.32:1

AA Pass AAA Pass

Text on black

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