#A370B5

#A370B5

Color Values

HEX

#A370B5

RGB

163, 112, 181

HSL

284.3, 31.8%, 57.5%

HSV

284.3, 38.1%, 71.0%

CMYK

9.9%, 38.1%, 0.0%, 29.0%

OKLCH

0.6232 0.1153 317.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A370B5

#82B570

Analogous

#8170B5

#B570A5

#A370B5

Triadic

#A370B5

#B5A370

#70B5A3

Split Complementary

#A370B5

#A5B570

#70B581

Tetradic

#A370B5

#B58170

#82B570

#70A5B5

Color Blindness Simulation

Original

#A370B5

Protanopia

#8D8CA4

Deuteranopia

#9094A0

Tritanopia

#A09794

Achromatopsia

#808080

CSS Usage

background-color: #A370B5;
color: #A370B5;
border-color: #A370B5;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E1D0E7
300
#CBAED5
400
#AF83BF
500
#9357A8
600
#754686
700
#5E386C
800
#492B54
900
#37233E
950
#231627

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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