#2214C5

#2214C5

Color Values

HEX

#2214C5

RGB

34, 20, 197

HSL

244.7, 81.6%, 42.5%

HSV

244.7, 89.8%, 77.3%

CMYK

82.7%, 89.8%, 0.0%, 22.7%

OKLCH

0.3926 0.2442 269.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2214C5

#B7C514

Analogous

#145FC5

#7A14C5

#2214C5

Triadic

#2214C5

#C52214

#14C522

Split Complementary

#2214C5

#C57A14

#5FC514

Tetradic

#2214C5

#C5145F

#B7C514

#14C57A

Color Blindness Simulation

Original

#2214C5

Protanopia

#1C1C9A

Deuteranopia

#1D1E90

Tritanopia

#217871

Achromatopsia

#242424

CSS Usage

background-color: #2214C5;
color: #2214C5;
border-color: #2214C5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C3BEF8
300
#9890F4
400
#6054EE
500
#2817E8
600
#2013B9
700
#190F94
800
#140C74
900
#120D54
950
#0C0835

Contrast Checker

Text on white

10.64:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026