#3F1830

#3F1830

Color Values

HEX

#3F1830

RGB

63, 24, 48

HSL

323.1, 44.8%, 17.1%

HSV

323.1, 61.9%, 24.7%

CMYK

0.0%, 61.9%, 23.8%, 75.3%

OKLCH

0.277 0.0696 344.7

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F1830

#183F27

Analogous

#3B183F

#3F181D

#3F1830

Triadic

#3F1830

#303F18

#18303F

Split Complementary

#3F1830

#1D3F18

#183F3B

Tetradic

#3F1830

#3F3B18

#183F27

#181D3F

Color Blindness Simulation

Original

#3F1830

Protanopia

#2E2E2A

Deuteranopia

#303329

Tritanopia

#3D2625

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#EBCBDF
300
#DDA6C8
400
#CB76AA
500
#B9468D
600
#943871
700
#762D5A
800
#5C2346
900
#441D35
950
#2B1221

Contrast Checker

Text on white

15.17:1

AA Pass AAA Pass

Text on black

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