#AC7FBA

#AC7FBA

Color Values

HEX

#AC7FBA

RGB

172, 127, 186

HSL

285.8, 29.9%, 61.4%

HSV

285.8, 31.7%, 72.9%

CMYK

7.5%, 31.7%, 0.0%, 27.1%

OKLCH

0.6613 0.0989 318.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AC7FBA

#8DBA7F

Analogous

#8F7FBA

#BA7FAB

#AC7FBA

Triadic

#AC7FBA

#BAAC7F

#7FBAAC

Split Complementary

#AC7FBA

#ABBA7F

#7FBA8F

Tetradic

#AC7FBA

#BA8F7F

#8DBA7F

#7FABBA

Color Blindness Simulation

Original

#AC7FBA

Protanopia

#9998AC

Deuteranopia

#9B9EA8

Tritanopia

#AAA09E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#F0E9F2
200
#E1D1E6
300
#CBB0D4
400
#B084BD
500
#9459A6
600
#764884
700
#5E396A
800
#4A2D53
900
#37233D
950
#231627

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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