#3F223F

#3F223F

Color Values

HEX

#3F223F

RGB

63, 34, 63

HSL

300.0, 29.9%, 19.0%

HSV

300.0, 46.0%, 24.7%

CMYK

0.0%, 46.0%, 0.0%, 75.3%

OKLCH

0.3025 0.0638 327.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F223F

#223F22

Analogous

#30223F

#3F2230

#3F223F

Triadic

#3F223F

#3F3F22

#223F3F

Split Complementary

#3F223F

#303F22

#223F30

Tetradic

#3F223F

#3F3022

#223F22

#22303F

Color Blindness Simulation

Original

#3F223F

Protanopia

#323238

Deuteranopia

#343636

Tritanopia

#3E3231

Achromatopsia

#2A2A2A

CSS Usage

background-color: #3F223F;
color: #3F223F;
border-color: #3F223F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F5F9
100
#F2E9F2
200
#E6D1E6
300
#D4B0D4
400
#BD84BD
500
#A659A6
600
#844884
700
#6A396A
800
#532D53
900
#3D233D
950
#271627

Contrast Checker

Text on white

13.89:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026