#2220EC

#2220EC

Color Values

HEX

#2220EC

RGB

34, 32, 236

HSL

240.6, 84.3%, 52.5%

HSV

240.6, 86.4%, 92.5%

CMYK

85.6%, 86.4%, 0.0%, 7.5%

OKLCH

0.4503 0.279 267.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2220EC

#EAEC20

Analogous

#2084EC

#8820EC

#2220EC

Triadic

#2220EC

#EC2220

#20EC22

Split Complementary

#2220EC

#EC8820

#84EC20

Tetradic

#2220EC

#EC2084

#EAEC20

#20EC88

Color Blindness Simulation

Original

#2220EC

Protanopia

#2121BB

Deuteranopia

#2121AF

Tritanopia

#22948B

Achromatopsia

#2F2F2F

CSS Usage

background-color: #2220EC;
color: #2220EC;
border-color: #2220EC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBDF9
300
#8F8EF5
400
#5351F0
500
#1614EB
600
#1210BC
700
#0E0D96
800
#0B0A75
900
#0C0C55
950
#080736

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026