#3F223D

#3F223D

Color Values

HEX

#3F223D

RGB

63, 34, 61

HSL

304.1, 29.9%, 19.0%

HSV

304.1, 46.0%, 24.7%

CMYK

0.0%, 46.0%, 3.2%, 75.3%

OKLCH

0.3015 0.0614 329.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F223D

#223F24

Analogous

#32223F

#3F222E

#3F223D

Triadic

#3F223D

#3D3F22

#223D3F

Split Complementary

#3F223D

#2E3F22

#223F32

Tetradic

#3F223D

#3F3222

#223F24

#222E3F

Color Blindness Simulation

Original

#3F223D

Protanopia

#323236

Deuteranopia

#343635

Tritanopia

#3E3130

Achromatopsia

#2A2A2A

CSS Usage

background-color: #3F223D;
color: #3F223D;
border-color: #3F223D;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E5
300
#D4B0D2
400
#BD84B9
500
#A659A0
600
#844880
700
#6A3967
800
#532D50
900
#3D233C
950
#271626

Contrast Checker

Text on white

13.93:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026