#400222

#400222

Color Values

HEX

#400222

RGB

64, 2, 34

HSL

329.0, 93.9%, 12.9%

HSV

329.0, 96.9%, 25.1%

CMYK

0.0%, 96.9%, 46.9%, 74.9%

OKLCH

0.2448 0.0965 355.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#400222

#024020

Analogous

#3F0240

#400203

#400222

Triadic

#400222

#224002

#022240

Split Complementary

#400222

#034002

#02403F

Tetradic

#400222

#403F02

#024020

#020340

Color Blindness Simulation

Original

#400222

Protanopia

#25251A

Deuteranopia

#292D18

Tritanopia

#3D1413

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADC
300
#FB88C4
400
#F948A4
500
#F70883
600
#C60669
700
#9E0554
800
#7C0442
900
#590832
950
#38051F

Contrast Checker

Text on white

16.8:1

AA Pass AAA Pass

Text on black

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