#907698

#907698

Color Values

HEX

#907698

RGB

144, 118, 152

HSL

285.9, 14.2%, 52.9%

HSV

285.9, 22.4%, 59.6%

CMYK

5.3%, 22.4%, 0.0%, 40.4%

OKLCH

0.6023 0.0589 318.2

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#907698

#7E9876

Analogous

#7F7698

#98768F

#907698

Triadic

#907698

#989076

#769890

Split Complementary

#907698

#8F9876

#76987F

Tetradic

#907698

#987F76

#7E9876

#768F98

Color Blindness Simulation

Original

#907698

Protanopia

#858590

Deuteranopia

#86888E

Tritanopia

#8F8988

Achromatopsia

#7E7E7E

CSS Usage

background-color: #907698;
color: #907698;
border-color: #907698;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E0
300
#C6B9CA
400
#A893AE
500
#896D92
600
#6E5874
700
#58465D
800
#453749
900
#342A37
950
#211B23

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass 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