#98566A

#98566A

Color Values

HEX

#98566A

RGB

152, 86, 106

HSL

341.8, 27.7%, 46.7%

HSV

341.8, 43.4%, 59.6%

CMYK

0.0%, 43.4%, 30.3%, 40.4%

OKLCH

0.5354 0.0903 1.1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#98566A

#569884

Analogous

#98568B

#986356

#98566A

Triadic

#98566A

#6A9856

#566A98

Split Complementary

#98566A

#569863

#568B98

Tetradic

#98566A

#8B9856

#569884

#635698

Color Blindness Simulation

Original

#98566A

Protanopia

#7B7B65

Deuteranopia

#7F8464

Tritanopia

#956160

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E5D1D7
300
#D3B1BB
400
#BB8796
500
#A35C72
600
#824A5B
700
#683B49
800
#512E39
900
#3D242C
950
#26171C

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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