#220DF2

#220DF2

Color Values

HEX

#220DF2

RGB

34, 13, 242

HSL

245.5, 89.8%, 50.0%

HSV

245.5, 94.6%, 94.9%

CMYK

86.0%, 94.6%, 0.0%, 5.1%

OKLCH

0.4466 0.2926 267.8

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#220DF2

#DDF20D

Analogous

#0D6BF2

#940DF2

#220DF2

Triadic

#220DF2

#F2220D

#0DF222

Split Complementary

#220DF2

#F2940D

#6BF20D

Tetradic

#220DF2

#F20D6B

#DDF20D

#0DF294

Color Blindness Simulation

Original

#220DF2

Protanopia

#1919BB

Deuteranopia

#1A1CAD

Tritanopia

#218F85

Achromatopsia

#222222

CSS Usage

background-color: #220DF2;
color: #220DF2;
border-color: #220DF2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C1BBFB
300
#958BF9
400
#5B4CF5
500
#220DF2
600
#1B0AC2
700
#16089B
800
#110779
900
#100958
950
#0A0637

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026