#985DB4

#985DB4

Color Values

HEX

#985DB4

RGB

152, 93, 180

HSL

280.7, 36.7%, 53.5%

HSV

280.7, 48.3%, 70.6%

CMYK

15.6%, 48.3%, 0.0%, 29.4%

OKLCH

0.5788 0.1422 314.0

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#985DB4

#79B45D

Analogous

#6C5DB4

#B45DA4

#985DB4

Triadic

#985DB4

#B4985D

#5DB498

Split Complementary

#985DB4

#A4B45D

#5DB46C

Tetradic

#985DB4

#B46C5D

#79B45D

#5DA4B4

Color Blindness Simulation

Original

#985DB4

Protanopia

#7E7E9F

Deuteranopia

#82869A

Tritanopia

#958E8B

Achromatopsia

#707070

CSS Usage

background-color: #985DB4;
color: #985DB4;
border-color: #985DB4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E0CEE8
300
#CAABD8
400
#AD7EC3
500
#9051AE
600
#73418B
700
#5C3470
800
#482857
900
#362040
950
#221429

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026