#402437

#402437

Color Values

HEX

#402437

RGB

64, 36, 55

HSL

319,3, 28,0%, 19,6%

HSV

319,3, 43,8%, 25,1%

CMYK

0,0%, 43,8%, 14,1%, 74,9%

OKLCH

0,3039 0,0518 339,9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#402437

#24402D

Analogous

#3B2440

#402429

#402437

Triadic

#402437

#374024

#243740

Split Complementary

#402437

#294024

#24403B

Tetradic

#402437

#403B24

#24402D

#242940

Color Blindness Simulation

Original

#402437

Protanopia

#343432

Deuteranopia

#363831

Tritanopia

#3F2F2E

Achromatopsia

#2B2B2B

CSS Usage

background-color: #402437;
color: #402437;
border-color: #402437;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D1DF
300
#D3B1C8
400
#BB86AA
500
#A35C8C
600
#834970
700
#683B5A
800
#522E46
900
#3D2435
950
#261721

Contrast Checker

Text on white

13,77:1

AA Pass AAA Pass

Text on black

1,53:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026