#AB4FBC

#AB4FBC

Color Values

HEX

#AB4FBC

RGB

171, 79, 188

HSL

290.6, 44.9%, 52.4%

HSV

290.6, 58.0%, 73.7%

CMYK

9.0%, 58.0%, 0.0%, 26.3%

OKLCH

0.5861 0.1822 321.2

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AB4FBC

#60BC4F

Analogous

#754FBC

#BC4F97

#AB4FBC

Triadic

#AB4FBC

#BCAB4F

#4FBCAB

Split Complementary

#AB4FBC

#97BC4F

#4FBC75

Tetradic

#AB4FBC

#BC754F

#60BC4F

#4F97BC

Color Blindness Simulation

Original

#AB4FBC

Protanopia

#8382A2

Deuteranopia

#888F9B

Tritanopia

#A68D88

Achromatopsia

#6A6A6A

CSS Usage

background-color: #AB4FBC;
color: #AB4FBC;
border-color: #AB4FBC;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FA
100
#F2E6F4
200
#E6CBEB
300
#D5A6DD
400
#BE76CB
500
#A746B9
600
#853894
700
#6B2D76
800
#53235C
900
#3E1D44
950
#27122B

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026