#3F1059

#3F1059

Color Values

HEX

#3F1059

RGB

63, 16, 89

HSL

278.6, 69.5%, 20.6%

HSV

278.6, 82.0%, 34.9%

CMYK

29.2%, 82.0%, 0.0%, 65.1%

OKLCH

0.2939 0.1244 310.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3F1059

#2A5910

Analogous

#1A1059

#59104F

#3F1059

Triadic

#3F1059

#593F10

#10593F

Split Complementary

#3F1059

#4F5910

#10591A

Tetradic

#3F1059

#591A10

#2A5910

#104F59

Color Blindness Simulation

Original

#3F1059

Protanopia

#2B2A47

Deuteranopia

#2D3143

Tritanopia

#3D3936

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F0E3F8
200
#E2C2F4
300
#CE97EC
400
#B35FE2
500
#9927D8
600
#7A1FAD
700
#62198A
800
#4C136C
900
#39124F
950
#240B32

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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