#84255E

#84255E

Color Values

HEX

#84255E

RGB

132, 37, 94

HSL

324.0, 56.2%, 33.1%

HSV

324.0, 72.0%, 51.8%

CMYK

0.0%, 72.0%, 28.8%, 48.2%

OKLCH

0.4317 0.1423 347.8

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#84255E

#25844B

Analogous

#7A2584

#84252E

#84255E

Triadic

#84255E

#5E8425

#255E84

Split Complementary

#84255E

#2E8425

#25847A

Tetradic

#84255E

#847A25

#25844B

#252E84

Color Blindness Simulation

Original

#84255E

Protanopia

#5B5A50

Deuteranopia

#60674D

Tritanopia

#7F4543

Achromatopsia

#3D3D3D

CSS Usage

background-color: #84255E;
color: #84255E;
border-color: #84255E;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F8
100
#F6E5EF
200
#EFC7DF
300
#E49FC9
400
#D66CAB
500
#C7388E
600
#9F2D71
700
#7F245B
800
#641C47
900
#491835
950
#2E0F22

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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