#3F0436

#3F0436

Color Values

HEX

#3F0436

RGB

63, 4, 54

HSL

309.2, 88.1%, 13.1%

HSV

309.2, 93.7%, 24.7%

CMYK

0.0%, 93.7%, 14.3%, 75.3%

OKLCH

0.2558 0.1059 335.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F0436

#043F0D

Analogous

#2A043F

#3F0418

#3F0436

Triadic

#3F0436

#363F04

#04363F

Split Complementary

#3F0436

#183F04

#043F2A

Tetradic

#3F0436

#3F2A04

#043F0D

#04183F

Color Blindness Simulation

Original

#3F0436

Protanopia

#25252A

Deuteranopia

#292D27

Tritanopia

#3C201E

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F6
200
#FBBCF1
300
#F88CE7
400
#F44EDA
500
#F00FCD
600
#C00CA4
700
#990A83
800
#780867
900
#570A4B
950
#37062F

Contrast Checker

Text on white

16.38:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026