#3F0522

#3F0522

Color Values

HEX

#3F0522

RGB

63, 5, 34

HSL

330.0, 85.3%, 13.3%

HSV

330.0, 92.1%, 24.7%

CMYK

0.0%, 92.1%, 46.0%, 75.3%

OKLCH

0.246 0.0912 356.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F0522

#053F22

Analogous

#3F053F

#3F0505

#3F0522

Triadic

#3F0522

#223F05

#05223F

Split Complementary

#3F0522

#053F05

#053F3F

Tetradic

#3F0522

#3F3F05

#053F22

#05053F

Color Blindness Simulation

Original

#3F0522

Protanopia

#26251B

Deuteranopia

#292E19

Tritanopia

#3C1514

Achromatopsia

#131313

CSS Usage

background-color: #3F0522;
color: #3F0522;
border-color: #3F0522;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDB
300
#F68EC2
400
#F150A1
500
#EC1380
600
#BD0F66
700
#970C52
800
#760940
900
#560B30
950
#36071F

Contrast Checker

Text on white

16.72:1

AA Pass AAA Pass

Text on black

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