#3F113D

#3F113D

Color Values

HEX

#3F113D

RGB

63, 17, 61

HSL

302.6, 57.5%, 15.7%

HSV

302.6, 73.0%, 24.7%

CMYK

0.0%, 73.0%, 3.2%, 75.3%

OKLCH

0.274 0.0939 329.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#3F113D

#113F13

Analogous

#2A113F

#3F1126

#3F113D

Triadic

#3F113D

#3D3F11

#113D3F

Split Complementary

#3F113D

#263F11

#113F2A

Tetradic

#3F113D

#3F2A11

#113F13

#11263F

Color Blindness Simulation

Original

#3F113D

Protanopia

#2B2B32

Deuteranopia

#2E3130

Tritanopia

#3D2A28

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7EE
300
#E59FE2
400
#D76AD2
500
#C936C2
600
#A12B9C
700
#81237C
800
#641B61
900
#4A1747
950
#2E0F2D

Contrast Checker

Text on white

15.45:1

AA Pass AAA Pass

Text on black

1.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026