#98256B

#98256B

Color Values

HEX

#98256B

RGB

152, 37, 107

HSL

323.5, 60.8%, 37.1%

HSV

323.5, 75.7%, 59.6%

CMYK

0.0%, 75.7%, 29.6%, 40.4%

OKLCH

0.471 0.1651 348.0

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#98256B

#259852

Analogous

#8C2598

#982532

#98256B

Triadic

#98256B

#6B9825

#256B98

Split Complementary

#98256B

#329825

#25988C

Tetradic

#98256B

#988C25

#259852

#253298

Color Blindness Simulation

Original

#98256B

Protanopia

#66655A

Deuteranopia

#6D7556

Tritanopia

#924D4A

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6E0
300
#E79DCA
400
#DA67AD
500
#CD3290
600
#A42873
700
#83205C
800
#671948
900
#4B1636
950
#2F0E22

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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