#AF44B3

#AF44B3

Color Values

HEX

#AF44B3

RGB

175, 68, 179

HSL

297.8, 44.9%, 48.4%

HSV

297.8, 62.0%, 70.2%

CMYK

2.2%, 62.0%, 0.0%, 29.8%

OKLCH

0.5732 0.1921 326.3

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AF44B3

#48B344

Analogous

#7744B3

#B3447F

#AF44B3

Triadic

#AF44B3

#B3AF44

#44B3AF

Split Complementary

#AF44B3

#7FB344

#44B377

Tetradic

#AF44B3

#B37744

#48B344

#447FB3

Color Blindness Simulation

Original

#AF44B3

Protanopia

#818098

Deuteranopia

#878F92

Tritanopia

#AA837E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#EACBEB
300
#DBA6DD
400
#C876CB
500
#B546B9
600
#903894
700
#742D76
800
#5A235C
900
#431D44
950
#2A122B

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026