#AB69F8

#AB69F8

Color Values

HEX

#AB69F8

RGB

171, 105, 248

HSL

267.7, 91.1%, 69.2%

HSV

267.7, 57.7%, 97.3%

CMYK

31.0%, 57.7%, 0.0%, 2.7%

OKLCH

0.6573 0.2075 302.3

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#AB69F8

#B6F869

Analogous

#696EF8

#F369F8

#AB69F8

Triadic

#AB69F8

#F8AB69

#69F8AB

Split Complementary

#AB69F8

#F8F369

#6EF869

Tetradic

#AB69F8

#F8696E

#B6F869

#69F8F3

Color Blindness Simulation

Original

#AB69F8

Protanopia

#8E8ED5

Deuteranopia

#9297CD

Tritanopia

#A8BAB4

Achromatopsia

#818181

CSS Usage

background-color: #AB69F8;
color: #AB69F8;
border-color: #AB69F8;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BBFC
300
#BE8AFA
400
#9A4BF7
500
#770BF4
600
#5F09C3
700
#4C079C
800
#3B067A
900
#2D0958
950
#1D0638

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11: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