#AF67D4

#AF67D4

Color Values

HEX

#AF67D4

RGB

175, 103, 212

HSL

279,6, 55,9%, 61,8%

HSV

279,6, 51,4%, 83,1%

CMYK

17,5%, 51,4%, 0,0%, 16,9%

OKLCH

0,6375 0,1712 313,0

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#AF67D4

#8CD467

Analogous

#7967D4

#D467C3

#AF67D4

Triadic

#AF67D4

#D4AF67

#67D4AF

Split Complementary

#AF67D4

#C3D467

#67D479

Tetradic

#AF67D4

#D47967

#8CD467

#67C3D4

Color Blindness Simulation

Original

#AF67D4

Protanopia

#908FBA

Deuteranopia

#9499B3

Tritanopia

#ABA5A0

Achromatopsia

#7E7E7E

CSS Usage

background-color: #AF67D4;
color: #AF67D4;
border-color: #AF67D4;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F4FB
100
#F0E5F6
200
#E2C7EF
300
#CDA0E4
400
#B26CD5
500
#9638C7
600
#782D9F
700
#60247F
800
#4B1C63
900
#381849
950
#240F2E

Contrast Checker

Text on white

3,68:1

AA Fail AAA Fail

Text on black

5,71:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026