#AB2FD0

#AB2FD0

Color Values

HEX

#AB2FD0

RGB

171, 47, 208

HSL

286.2, 63.1%, 50.0%

HSV

286.2, 77.4%, 81.6%

CMYK

17.8%, 77.4%, 0.0%, 18.4%

OKLCH

0.5656 0.2395 316.9

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#AB2FD0

#54D02F

Analogous

#5A2FD0

#D02FA5

#AB2FD0

Triadic

#AB2FD0

#D0AB2F

#2FD0AB

Split Complementary

#AB2FD0

#A5D02F

#2FD05A

Tetradic

#AB2FD0

#D05A2F

#54D02F

#2FA5D0

Color Blindness Simulation

Original

#AB2FD0

Protanopia

#7574A9

Deuteranopia

#7C86A0

Tritanopia

#A58A84

Achromatopsia

#555555

CSS Usage

background-color: #AB2FD0;
color: #AB2FD0;
border-color: #AB2FD0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FB
100
#F2E4F7
200
#E7C5F2
300
#D79BE8
400
#C165DC
500
#AB2FD0
600
#8926A6
700
#6D1E85
800
#551868
900
#3F154C
950
#280D30

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026