#AB45F2

#AB45F2

Color Values

HEX

#AB45F2

RGB

171, 69, 242

HSL

275.4, 86.9%, 61.0%

HSV

275.4, 71.5%, 94.9%

CMYK

29.3%, 71.5%, 0.0%, 5.1%

OKLCH

0.609 0.2472 307.4

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AB45F2

#8CF245

Analogous

#5545F2

#F245E2

#AB45F2

Triadic

#AB45F2

#F2AB45

#45F2AB

Split Complementary

#AB45F2

#E2F245

#45F255

Tetradic

#AB45F2

#F25545

#8CF245

#45E2F2

Color Blindness Simulation

Original

#AB45F2

Protanopia

#7F7EC8

Deuteranopia

#858CBE

Tritanopia

#A6A7A0

Achromatopsia

#676767

CSS Usage

background-color: #AB45F2;
color: #AB45F2;
border-color: #AB45F2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#F0E0FA
200
#E1BCFA
300
#CB8DF7
400
#AF4FF3
500
#9311EE
600
#760DBF
700
#5E0B99
800
#4A0877
900
#370B56
950
#230737

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

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