#AD7FBA

#AD7FBA

Color Values

HEX

#AD7FBA

RGB

173, 127, 186

HSL

286.8, 29.9%, 61.4%

HSV

286.8, 31.7%, 72.9%

CMYK

7.0%, 31.7%, 0.0%, 27.1%

OKLCH

0.6624 0.0994 318.7

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AD7FBA

#8CBA7F

Analogous

#907FBA

#BA7FAA

#AD7FBA

Triadic

#AD7FBA

#BAAD7F

#7FBAAD

Split Complementary

#AD7FBA

#AABA7F

#7FBA90

Tetradic

#AD7FBA

#BA907F

#8CBA7F

#7FAABA

Color Blindness Simulation

Original

#AD7FBA

Protanopia

#9999AC

Deuteranopia

#9C9FA8

Tritanopia

#ABA09E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#F0E9F2
200
#E1D1E6
300
#CCB0D4
400
#B084BD
500
#9559A6
600
#774884
700
#5F396A
800
#4A2D53
900
#38233D
950
#231627

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026