#AB7BC0

#AB7BC0

Color Values

HEX

#AB7BC0

RGB

171, 123, 192

HSL

281.7, 35.4%, 61.8%

HSV

281.7, 35.9%, 75.3%

CMYK

10.9%, 35.9%, 0.0%, 24.7%

OKLCH

0.6558 0.1126 315.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AB7BC0

#90C07B

Analogous

#897BC0

#C07BB3

#AB7BC0

Triadic

#AB7BC0

#C0AB7B

#7BC0AB

Split Complementary

#AB7BC0

#B3C07B

#7BC089

Tetradic

#AB7BC0

#C0897B

#90C07B

#7BB3C0

Color Blindness Simulation

Original

#AB7BC0

Protanopia

#9696AF

Deuteranopia

#999DAB

Tritanopia

#A9A29F

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E0CFE8
300
#CAACD7
400
#AE7FC2
500
#9152AD
600
#74428A
700
#5D356E
800
#492956
900
#362140
950
#221528

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026