#AB78C3

#AB78C3

Color Values

HEX

#AB78C3

RGB

171, 120, 195

HSL

280.8, 38.5%, 61.8%

HSV

280.8, 38.5%, 76.5%

CMYK

12.3%, 38.5%, 0.0%, 23.5%

OKLCH

0.652 0.1215 314.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AB78C3

#90C378

Analogous

#8678C3

#C378B6

#AB78C3

Triadic

#AB78C3

#C3AB78

#78C3AB

Split Complementary

#AB78C3

#B6C378

#78C386

Tetradic

#AB78C3

#C38678

#90C378

#78B6C3

Color Blindness Simulation

Original

#AB78C3

Protanopia

#9594B1

Deuteranopia

#989CAC

Tritanopia

#A8A39F

Achromatopsia

#888888

CSS Usage

background-color: #AB78C3;
color: #AB78C3;
border-color: #AB78C3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#CAAAD9
400
#AE7CC5
500
#914EB1
600
#743F8D
700
#5D3271
800
#492758
900
#362041
950
#221429

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026