#982467

#982467

Color Values

HEX

#982467

RGB

152, 36, 103

HSL

325.3, 61.7%, 36.9%

HSV

325.3, 76.3%, 59.6%

CMYK

0.0%, 76.3%, 32.2%, 40.4%

OKLCH

0.4685 0.1641 350.0

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#982467

#249855

Analogous

#8F2498

#98242D

#982467

Triadic

#982467

#679824

#246798

Split Complementary

#982467

#2D9824

#24988F

Tetradic

#982467

#988F24

#249855

#242D98

Color Blindness Simulation

Original

#982467

Protanopia

#666557

Deuteranopia

#6C7553

Tritanopia

#924A47

Achromatopsia

#414141

CSS Usage

background-color: #982467;
color: #982467;
border-color: #982467;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F8
100
#F7E4EF
200
#F1C5DF
300
#E89CC8
400
#DB66AA
500
#CE318C
600
#A52770
700
#841F59
800
#671846
900
#4B1635
950
#300E21

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026