#AC7CB7

#AC7CB7

Color Values

HEX

#AC7CB7

RGB

172, 124, 183

HSL

288.8, 29.1%, 60.2%

HSV

288.8, 32.2%, 71.8%

CMYK

6.0%, 32.2%, 0.0%, 28.2%

OKLCH

0.6547 0.1009 320.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AC7CB7

#87B77C

Analogous

#8E7CB7

#B77CA5

#AC7CB7

Triadic

#AC7CB7

#B7AC7C

#7CB7AC

Split Complementary

#AC7CB7

#A5B77C

#7CB78E

Tetradic

#AC7CB7

#B78E7C

#87B77C

#7CA5B7

Color Blindness Simulation

Original

#AC7CB7

Protanopia

#9797A9

Deuteranopia

#9A9EA5

Tritanopia

#AA9D9B

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F0E9F2
200
#E2D1E6
300
#CDB0D4
400
#B285BC
500
#975AA5
600
#794884
700
#603A69
800
#4B2D52
900
#38243D
950
#241727

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.32:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026