#2201A2

#2201A2

Color Values

HEX

#2201A2

RGB

34, 1, 162

HSL

252.3, 98.8%, 32.0%

HSV

252.3, 99.4%, 63.5%

CMYK

79.0%, 99.4%, 0.0%, 36.5%

OKLCH

0.3361 0.2145 272.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2201A2

#81A201

Analogous

#0131A2

#7301A2

#2201A2

Triadic

#2201A2

#A22201

#01A222

Split Complementary

#2201A2

#A27301

#31A201

Tetradic

#2201A2

#A20131

#81A201

#01A273

Color Blindness Simulation

Original

#2201A2

Protanopia

#14137B

Deuteranopia

#161872

Tritanopia

#205C56

Achromatopsia

#141414

CSS Usage

background-color: #2201A2;
color: #2201A2;
border-color: #2201A2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F1FE
100
#E4DEFC
200
#C6B8FF
300
#9E85FE
400
#6A43FE
500
#3502FD
600
#2B01CB
700
#2201A2
800
#1B017F
900
#17055C
950
#0F033A

Contrast Checker

Text on white

13.17:1

AA Pass AAA Pass

Text on black

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