#320F24

#320F24

Color Values

HEX

#320F24

RGB

50, 15, 36

HSL

324.0, 53.8%, 12.7%

HSV

324.0, 70.0%, 19.6%

CMYK

0.0%, 70.0%, 28.0%, 80.4%

OKLCH

0.2339 0.0639 346.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320F24

#0F321D

Analogous

#2E0F32

#320F12

#320F24

Triadic

#320F24

#24320F

#0F2432

Split Complementary

#320F24

#12320F

#0F322E

Tetradic

#320F24

#322E0F

#0F321D

#0F1232

Color Blindness Simulation

Original

#320F24

Protanopia

#23231F

Deuteranopia

#25281E

Tritanopia

#301B1A

Achromatopsia

#181818

CSS Usage

background-color: #320F24;
color: #320F24;
border-color: #320F24;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EFC8DF
300
#E3A1C8
400
#D36EAB
500
#C43B8D
600
#9D2F71
700
#7E265A
800
#621D47
900
#481935
950
#2D1022

Contrast Checker

Text on white

17.08:1

AA Pass AAA Pass

Text on black

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