#3F1045

#3F1045

Color Values

HEX

#3F1045

RGB

63, 16, 69

HSL

293.2, 62.4%, 16.7%

HSV

293.2, 76.8%, 27.1%

CMYK

8.7%, 76.8%, 0.0%, 72.9%

OKLCH

0.2782 0.1034 323.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#3F1045

#164510

Analogous

#251045

#451031

#3F1045

Triadic

#3F1045

#453F10

#10453F

Split Complementary

#3F1045

#314510

#104525

Tetradic

#3F1045

#452510

#164510

#103145

Color Blindness Simulation

Original

#3F1045

Protanopia

#2B2A38

Deuteranopia

#2D3135

Tritanopia

#3D2E2C

Achromatopsia

#1E1E1E

CSS Usage

background-color: #3F1045;
color: #3F1045;
border-color: #3F1045;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF3FB
100
#F4E4F7
200
#EDC5F2
300
#DF9CE8
400
#CE66DC
500
#BD30CF
600
#9726A6
700
#791F85
800
#5F1868
900
#45154C
950
#2C0D30

Contrast Checker

Text on white

15.31:1

AA Pass AAA Pass

Text on black

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