#AF34CB

#AF34CB

Color Values

HEX

#AF34CB

RGB

175, 52, 203

HSL

288,9, 59,2%, 50,0%

HSV

288,9, 74,4%, 79,6%

CMYK

13,8%, 74,4%, 0,0%, 20,4%

OKLCH

0,5718 0,2319 319,4

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#AF34CB

#50CB34

Analogous

#6434CB

#CB349B

#AF34CB

Triadic

#AF34CB

#CBAF34

#34CBAF

Split Complementary

#AF34CB

#9BCB34

#34CB64

Tetradic

#AF34CB

#CB6434

#50CB34

#349BCB

Color Blindness Simulation

Original

#AF34CB

Protanopia

#7A79A7

Deuteranopia

#818A9E

Tritanopia

#A98A83

Achromatopsia

#595959

CSS Usage

background-color: #AF34CB;
color: #AF34CB;
border-color: #AF34CB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#E9C6F0
300
#D99EE6
400
#C469D9
500
#AF34CB
600
#8C2AA2
700
#702182
800
#581A65
900
#41174A
950
#290E2F

Contrast Checker

Text on white

5,03:1

AA Pass AAA Fail

Text on black

4,18:1

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