#985CC5

#985CC5

Color Values

HEX

#985CC5

RGB

152, 92, 197

HSL

274,3, 47,5%, 56,7%

HSV

274,3, 53,3%, 77,3%

CMYK

22,8%, 53,3%, 0,0%, 22,7%

OKLCH

0,5868 0,1634 308,6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#985CC5

#89C55C

Analogous

#645CC5

#C55CBE

#985CC5

Triadic

#985CC5

#C5985C

#5CC598

Split Complementary

#985CC5

#BEC55C

#5CC564

Tetradic

#985CC5

#C5645C

#89C55C

#5CBEC5

Color Blindness Simulation

Original

#985CC5

Protanopia

#7E7DAC

Deuteranopia

#8286A5

Tritanopia

#959893

Achromatopsia

#707070

CSS Usage

background-color: #985CC5;
color: #985CC5;
border-color: #985CC5;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECAEC
300
#C6A5DF
400
#A774CD
500
#8843BC
600
#6D3696
700
#572B78
800
#44215E
900
#331C45
950
#20122C

Contrast Checker

Text on white

4,49:1

AA Fail AAA Fail

Text on black

4,67:1

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