#3F1442

#3F1442

Color Values

HEX

#3F1442

RGB

63, 20, 66

HSL

296.1, 53.5%, 16.9%

HSV

296.1, 69.7%, 25.9%

CMYK

4.5%, 69.7%, 0.0%, 74.1%

OKLCH

0.2812 0.0941 325.1

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#3F1442

#174214

Analogous

#281442

#42142E

#3F1442

Triadic

#3F1442

#423F14

#14423F

Split Complementary

#3F1442

#2E4214

#144228

Tetradic

#3F1442

#422814

#174214

#142E42

Color Blindness Simulation

Original

#3F1442

Protanopia

#2C2C37

Deuteranopia

#2F3234

Tritanopia

#3D2E2C

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EE
300
#DEA1E3
400
#CD6ED3
500
#BB3BC4
600
#952F9D
700
#78267D
800
#5D1E62
900
#451948
950
#2B102D

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

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