#400525

#400525

Color Values

HEX

#400525

RGB

64, 5, 37

HSL

327.5, 85.5%, 13.5%

HSV

327.5, 92.2%, 25.1%

CMYK

0.0%, 92.2%, 42.2%, 74.9%

OKLCH

0.2495 0.0936 353.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#400525

#054020

Analogous

#3D0540

#400507

#400525

Triadic

#400525

#254005

#052540

Split Complementary

#400525

#074005

#05403D

Tetradic

#400525

#403D05

#054020

#050740

Color Blindness Simulation

Original

#400525

Protanopia

#26261D

Deuteranopia

#2A2E1B

Tritanopia

#3D1716

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDE
300
#F68DC6
400
#F150A7
500
#ED1289
600
#BD0F6D
700
#970C57
800
#760944
900
#560B34
950
#360721

Contrast Checker

Text on white

16.58:1

AA Pass AAA Pass

Text on black

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