#AB3BAF

#AB3BAF

Color Values

HEX

#AB3BAF

RGB

171, 59, 175

HSL

297,9, 49,6%, 45,9%

HSV

297,9, 66,3%, 68,6%

CMYK

2,3%, 66,3%, 0,0%, 31,4%

OKLCH

0,5557 0,1986 326,4

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AB3BAF

#3FAF3B

Analogous

#713BAF

#AF3B79

#AB3BAF

Triadic

#AB3BAF

#AFAB3B

#3BAFAB

Split Complementary

#AB3BAF

#79AF3B

#3BAF71

Tetradic

#AB3BAF

#AF713B

#3FAF3B

#3B79AF

Color Blindness Simulation

Original

#AB3BAF

Protanopia

#7A7A93

Deuteranopia

#81898C

Tritanopia

#A57D78

Achromatopsia

#5B5B5B

CSS Usage

background-color: #AB3BAF;
color: #AB3BAF;
border-color: #AB3BAF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DEA3E0
400
#CC72CF
500
#BA40BF
600
#953399
700
#77297A
800
#5D205F
900
#451B46
950
#2B112C

Contrast Checker

Text on white

5,28:1

AA Pass AAA Fail

Text on black

3,98:1

AA Fail 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