#400C22

#400C22

Color Values

HEX

#400C22

RGB

64, 12, 34

HSL

334.6, 68.4%, 14.9%

HSV

334.6, 81.2%, 25.1%

CMYK

0.0%, 81.2%, 46.9%, 74.9%

OKLCH

0.2557 0.0826 359.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#400C22

#0C402A

Analogous

#400C3C

#40100C

#400C22

Triadic

#400C22

#22400C

#0C2240

Split Complementary

#400C22

#0C4010

#0C3C40

Tetradic

#400C22

#3C400C

#0C402A

#100C40

Color Blindness Simulation

Original

#400C22

Protanopia

#29291D

Deuteranopia

#2C301B

Tritanopia

#3D1818

Achromatopsia

#191919

CSS Usage

background-color: #400C22;
color: #400C22;
border-color: #400C22;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F7
100
#F8E3EC
200
#F4C3D8
300
#EC98BB
400
#E16097
500
#D72872
600
#AC205B
700
#891A49
800
#6B1439
900
#4E132C
950
#310C1C

Contrast Checker

Text on white

16.23:1

AA Pass AAA Pass

Text on black

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