#984062

#984062

Color Values

HEX

#984062

RGB

152, 64, 98

HSL

336.8, 40.7%, 42.4%

HSV

336.8, 57.9%, 59.6%

CMYK

0.0%, 57.9%, 35.5%, 40.4%

OKLCH

0.4984 0.1232 358.3

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#984062

#409876

Analogous

#98408E

#984A40

#984062

Triadic

#984062

#629840

#406298

Split Complementary

#984062

#40984A

#408E98

Tetradic

#984062

#8E9840

#409876

#4A4098

Color Blindness Simulation

Original

#984062

Protanopia

#72715A

Deuteranopia

#777E58

Tritanopia

#945352

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD8
300
#DBA9BC
400
#C77A98
500
#B34C74
600
#903C5D
700
#73304A
800
#5A263A
900
#421F2C
950
#2A131C

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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