#540825

#540825

Color Values

HEX

#540825

RGB

84, 8, 37

HSL

337.1, 82.6%, 18.0%

HSV

337.1, 90.5%, 32.9%

CMYK

0.0%, 90.5%, 56.0%, 67.1%

OKLCH

0.2939 0.1078 5.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#540825

#085437

Analogous

#54084B

#541108

#540825

Triadic

#540825

#255408

#082554

Split Complementary

#540825

#085411

#084B54

Tetradic

#540825

#4B5408

#085437

#110854

Color Blindness Simulation

Original

#540825

Protanopia

#33321E

Deuteranopia

#383D1C

Tritanopia

#501817

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F9BED4
300
#F48FB6
400
#EF538E
500
#E91667
600
#BA1252
700
#950E42
800
#740B33
900
#540C28
950
#350819

Contrast Checker

Text on white

14.6:1

AA Pass AAA Pass

Text on black

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